setaria ui pro

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