setaria ui pro

Setaria-UI-Pro

Setaria UI Pro - out-of-the-box front-end application solution

Develop required software

1. Git

Version management tool. Used to download project code and perform version management of code and documents during development.

Installation instructions

2. NodeJS

The basic environment for running front-end projects.

Installation package download address installation instructions

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

3. Yarn

Used to manage third-party dependencies

Installation package download address

Installation steps

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

local development

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

# 启动服务器
yarn serve

Deploy to production

Enter the setaria-ui-pro directory through the command line tool and execute yarn build .

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

Development manual

ToDo

Completeness

Dashboard

• Analysis page
• Monitoring page
• workbench

form page

• basic form
• step by step form
• Advanced forms

List page

• Inquiry form
• Standard list
• card list
• Search List (Articles)
• Search List (Project)
• Search List (App)

Details page

• Basic details page
• Advanced details page

Results page

• success page
• failure page

Exception page

• 403
• 404
• 500

Personal page

• Personal center
• personal settings

Browser support

Supports various mainstream browsers (Chrome, Firefox, Safari) and Internet Explorer 9+.

Main dependency package list

• 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 browsers.

Knowledge you need to master before development

• ES6

License

MIT