Setaria-UI-Pro

Setaria UI Pro - 开箱即用的中台前端应用解决方案

开发所需软件

1. Git

版本管理工具。用于下载项目的代码和在开发时进行代码和文档的版本管理。

安装说明

2. NodeJS

前端项目运行的基础环境。

安装包下载地址 安装说明

1.使用国内镜像
npm config set registry https://registry.npm.taobao.org
// 配置后可通过下面方式来验证是否成功
npm config get registry

3. Yarn

用于管理第三方依赖

安装包下载地址

安装步骤

# 下载工程到本地
git clone https://github.com/bluejfox/setaria-ui-pro.git
# 进入工程目录
cd setaria-ui-pro
# 安装项目依赖
yarn

本地开发

# 在vue.config.js中修改proxy
例:
proxy: {
  '/api/': {
    // 远程服务地址
    target: 'http://localhost:8081',
  },
},

# 启动服务器
yarn serve

部署生产

通过命令行工具进入setaria-ui-pro目录，执行 yarn build。

# 执行打包操作
yarn build
# 构建后的文件生成在 `dist` 目录

开发手册

ToDo

完成度

Dashboard

• 分析页
• 监控页
• 工作台

表单页

• 基础表单
• 分步表单
• 高级表单

列表页

• 查询表格
• 标准列表
• 卡片列表
• 搜索列表（文章）
• 搜索列表（项目）
• 搜索列表（应用）

详情页

• 基础详情页
• 高级详情页

结果页

• 成功页
• 失败页

异常页

• 403
• 404
• 500

个人页

• 个人中心
• 个人设置

浏览器支持

支持各种主流浏览器(Chrome, Firefox, Safari)和Internet Explorer 9+.

主要依赖包列表

• vue - A progressive, incrementally-adoptable JavaScript framework for building UI on the web.
• setaria - An Front-End Single Page Application Framework base on Vue.
• setaria-ui - A Vue.js 2.0 UI Toolkit for Web.
• axios - Promise based HTTP client for the browser and node.js.
• echarts -a powerful, interactive charting and visualization library for browser.

开发前需要掌握的知识

• ES6

License

MIT