Skip to content
Gallery
Bootstrap Vue Admin
起始專案
[VBA 1] Home
[VBA 2] Dashboard
[VBA 3] Account Management
[VBA 4] System Management
[VBA 6] Album Management
[VBA 5] Components
[VBA 7] Mock Server
[VBA 8] CI / CD
[VBA 9] Error page
[VBA 10] Layout
[VBA 11] Package
[DB]
More
Share
Explore

[DB]

Type
Todo
8
Check
Item
Description
Type
1
Code Style 檢查
Eslint + prettier
VBA
2
多國語言
i18n-vue + Google Sheet 管理
VBA
3
vs code 設定
透過 .vscode/setting.json，讓開發者統一開發環境設定。
VBA
4
CI / CD
自動化測試、部屬、整合
建立 gitlab-ci.yml
VBA
5
路徑別名
在 vue.config.js 設定路徑別名，方便開發時找到絕對路徑。
VBA
6
開發模式
分為 Local、DEV、SIT、PROD 模式
在 package.json 建立 script
建立環境變數 .env.[mode]
VBA
7
NPM package
上架到 NPM，做成獨立插件
VBA
8
mock server
虛擬 API
支持 GraphQL
支持 REST Full
VBA
9
Ajax
Call API 用途
index.js 攔截器(可攔截一些已知狀態)
支持 GraphQL
支持 REST Full
統一寫到 api/[Name]-[Type]-provider.js
VBA
10
可設定背景
background-image / background-color
VBA 1.1
11
可設定標題: Logo 或 Text
​
VBA 1.1
12
忘記密碼連結
先複製 Sign in，改標題，之後再改介面
VBA 1.1
13
註冊連結
先複製 Sign in，改標題，之後再改介面
VBA 1.1
14
帳號、密碼 icon
Bootstrap 有 Icon 可以用
VBA 1.1
15
多國語言
​
VBA 1.1
16
Sign in 的 CardBox 垂直/水平置中
​
VBA 1.1
17
使用 Bootstrap Form 建立表單
參考
Bootstrap-vue Forms
⁠
⁠
VBA 1.1
18
有 Validate 功能
參考
Bootstrap forms Validation
⁠
⁠
參考
Bootstrap-vue Forms
⁠
⁠

【Rule 寫在 _global 的 utils/rules.js】
(常用的 validaion 看能不能集中管理)
submit 之後才檢查
帳號密碼錯誤
帳號密碼不可為空
VBA 1.1
19
有 PlaceHolder 提示
帳號: Username 密碼: Password
VBA 1.1
20
登入成功
登入成功直接跳轉到後台首頁
VBA 1.1
21
FormSetting
透過設定檔建立 Form Items
VBA 5.5
22
Validator
資料驗證提示
資料驗證成功和失敗狀態
錯誤提示改成浮動特效
Provider / Inject
VBA 5.5
23
Submit
​
VBA 5.5
24
Reset
還原 default 值
VBA 5.5
25
Checkbox
​
VBA 5.5
26
Switch
​
VBA 5.5
27
Input
​
VBA 5.5
28
InputNumber
​
VBA 5.5
29
Textarea
​
VBA 5.5
30
Radio button
​
VBA 5.5
31
DatePicker
​
VBA 5.5
32
TimePicker
​
VBA 5.5
33
Upload
​
VBA 5.5
34
Rating
​
VBA 5.5
35
Select
​
VBA 5.5
36
Spinbutton
​
VBA 5.5
37
Tag
​
VBA 5.5
38
Modal switch
​
VBA 5.9
39
Header
Type: [String, Component]
VBA 5.9
40
Body
Type: [String, Object, Component]
VBA 5.9
41
Footer
Button: [Confirm, Cancel, Other Button]
Button callback support
Type: [Array, Component]
VBA 5.9
42
Modal function support
Vue.Prototype.$modal
VBA 5.9
43
Mask switch
​
VBA 5.9
44
gitlab-ci.yml basic
autoDevop to gitlab pages
VBA 8.1
45
automatic deployment to server
​
VBA 8.1
46
gilab-ci run dockerfile
build image and tag
copy nginx.conf
VBA 8.1
47
docker run project and connect with server port
​
VBA 8.1
48
Auto DevOps
​
VBA 8.1
49
survey GitLab CI tag 優化
Tag 簡化: 結合 PROD、SIT、DEV
Docker image 簡化: 用一隻 image run 出不同環境 。
VBA 8.1
50
Title
[Text, Image]
VBA 10.2
51
Nav
兩層目錄
動畫
VBA 10.2
52
RWD Nav
Hamburger
Drop menu
VBA 10.2
53
Footer
version
VBA 10.2
54
收合開關
​
VBA 10.2
55
Copyright
​
VBA 10.4
56
Style
​
VBA 10.4
57
封裝 package
使用 yarn build:lib，打包 UI Library
VBA 11
58
用 Vue.use 插入所有組件
​
VBA 11
59
按需加載所有組件
​
VBA 11
60
載入 css
包含 BootstrapVue 和 Bootstrap 的 css
VBA 11
61
上架到 NPM
建立組織
VBA 11
62
撰寫 Readme
​
VBA 11
There are no rows in this table
⁠
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.