docs: structure tree update.
This commit is contained in:
chiayin
114
README.md
114
README.md
@@ -1,57 +1,57 @@
|
|||||||
# frontend
|
# frontend
|
||||||
|
|
||||||
This template should help get you started developing with Vue 3 in Vite.
|
This template should help get you started developing with Vue 3 in Vite.
|
||||||
|
|
||||||
## Recommended IDE Setup
|
## Recommended IDE Setup
|
||||||
|
|
||||||
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
|
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
|
||||||
|
|
||||||
## Customize configuration
|
## Customize configuration
|
||||||
|
|
||||||
See [Vite Configuration Reference](https://vitejs.dev/config/).
|
See [Vite Configuration Reference](https://vitejs.dev/config/).
|
||||||
|
|
||||||
## Project Setup
|
## Project Setup
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
npm install
|
npm install
|
||||||
```
|
```
|
||||||
|
|
||||||
### Compile and Hot-Reload for Development
|
### Compile and Hot-Reload for Development
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
npm run dev
|
npm run dev
|
||||||
```
|
```
|
||||||
|
|
||||||
### Compile and Minify for Production
|
### Compile and Minify for Production
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
npm run build
|
npm run build
|
||||||
```
|
```
|
||||||
|
|
||||||
### Run Unit Tests with [Vitest](https://vitest.dev/)
|
### Run Unit Tests with [Vitest](https://vitest.dev/)
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
npm run test:unit
|
npm run test:unit
|
||||||
```
|
```
|
||||||
|
|
||||||
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
|
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
npm run test:e2e:dev
|
npm run test:e2e:dev
|
||||||
```
|
```
|
||||||
|
|
||||||
This runs the end-to-end tests against the Vite development server.
|
This runs the end-to-end tests against the Vite development server.
|
||||||
It is much faster than the production build.
|
It is much faster than the production build.
|
||||||
|
|
||||||
But it's still recommended to test the production build with `test:e2e` before deploying (e.g. in CI environments):
|
But it's still recommended to test the production build with `test:e2e` before deploying (e.g. in CI environments):
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
npm run build
|
npm run build
|
||||||
npm run test:e2e
|
npm run test:e2e
|
||||||
```
|
```
|
||||||
|
|
||||||
### Lint with [ESLint](https://eslint.org/)
|
### Lint with [ESLint](https://eslint.org/)
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
npm run lint
|
npm run lint
|
||||||
```
|
```
|
||||||
|
|||||||
@@ -1,28 +1,183 @@
|
|||||||
hello-vite/
|
frontend
|
||||||
├── index.html Vite的進入點
|
├─ .eslintrc.cjs
|
||||||
├── node_modules
|
├─ .git // Git 紀錄
|
||||||
├── package.json
|
│ └─ refs
|
||||||
├── package-lock.json
|
│ ├─ heads
|
||||||
├── public 不被 JavaScript 引用的靜態資源
|
│ │ ├─ lucia-demo-v0.99.0
|
||||||
│ └── favicon.ico 網頁標題欄 icon
|
│ │ └─ main
|
||||||
├── README.md
|
│ ├─ remotes
|
||||||
├── src
|
│ │ └─ origin
|
||||||
│ ├── App.vue 網頁根元件
|
│ │ ├─ lucia-demo-v0.99.0
|
||||||
│ ├── main.js 程式進入點
|
│ │ └─ main
|
||||||
│ ├── assets 靜態資源 EX: 圖片, CSS
|
│ └─ tags
|
||||||
│ │ ├── base.css
|
│ ├─ v0.99.0
|
||||||
│ │ ├── logo.svg
|
│ ├─ v0.99.1
|
||||||
│ │ └── main.css
|
│ ├─ v0.99.1.01
|
||||||
│ ├── components 元件檔
|
│ ├─ v0.99.1.02
|
||||||
│ │ ├── HelloWorld.vue
|
│ ├─ v0.99.2
|
||||||
│ │ ├── icons (略 - 放所有 icon 的 svg 檔)
|
│ ├─ v0.99.3
|
||||||
│ │ ├── TheWelcome.vue
|
│ ├─ v0.99.4
|
||||||
│ │ └── WelcomeItem.vue
|
│ ├─ v0.99.5
|
||||||
│ ├── router Vue Router 路由管理
|
│ ├─ v0.99.6
|
||||||
│ │ └── index.js
|
│ ├─ v0.99.7
|
||||||
│ ├── stores Pinia 狀態管理器
|
│ └─ v0.99.9
|
||||||
│ │ └── counter.js
|
├─ .gitignore
|
||||||
│ └── views 路由元件
|
├─ .prettierrc.json
|
||||||
│ ├── AboutView.vue
|
├─ README.md
|
||||||
│ └── HomeView.vue
|
├─ cypress // E2Etesting 檔
|
||||||
└── vite.config.js vite 設定檔
|
│ ├─ downloads
|
||||||
|
│ ├─ e2e // 要跑測試的檔案放這邊
|
||||||
|
│ │ ├─ compare.cy.js
|
||||||
|
│ │ └─ jsconfig.json
|
||||||
|
│ ├─ fixtures
|
||||||
|
│ │ ├─ csv // 上傳功能測試檔
|
||||||
|
│ │ │ ├─ big5.csv
|
||||||
|
│ │ │ ├─ corrupted.csv
|
||||||
|
│ │ │ ├─ empty.csv
|
||||||
|
│ │ │ ├─ favicon.ico
|
||||||
|
│ │ │ ├─ insufficient-columns.csv
|
||||||
|
│ │ │ ├─ rightFile.csv
|
||||||
|
│ │ │ └─ worngFile.csv
|
||||||
|
│ │ ├─ doneTesting // 已經測試過的檔案
|
||||||
|
│ │ │ ├─ conformanceRule.cy.js
|
||||||
|
│ │ │ ├─ conformanceSave.cy.js
|
||||||
|
│ │ │ ├─ fileUploadEtc.cy.js
|
||||||
|
│ │ │ ├─ filterFunnel.cy.js
|
||||||
|
│ │ │ ├─ loginToLogout.cy.js
|
||||||
|
│ │ │ ├─ performance.cy.js
|
||||||
|
│ │ │ └─ saveLogAndFilter.cy.js
|
||||||
|
│ │ └─ users // 測試用的假帳號資料
|
||||||
|
│ │ └─ id-not-exists.json
|
||||||
|
│ ├─ screenshots
|
||||||
|
│ ├─ support // E2Etesting 元件檔
|
||||||
|
│ │ ├─ commands.js
|
||||||
|
│ │ └─ e2e.js
|
||||||
|
│ └─ videos // E2Etesting 影片
|
||||||
|
│ └─ compare.cy.js.mp4
|
||||||
|
├─ cypress.config.js // Cypress E2Etesting 設定檔
|
||||||
|
├─ doc // 檔案總管
|
||||||
|
│ └─ structure.txt
|
||||||
|
├─ index.html // Vite的進入點
|
||||||
|
├─ package-lock.json
|
||||||
|
├─ package.json
|
||||||
|
├─ postcss.config.cjs
|
||||||
|
├─ public // 不被 JavaScript 引用的靜態資源
|
||||||
|
│ ├─ chartSpace.jpg
|
||||||
|
│ ├─ favicon.ico // 網頁標題欄 icon
|
||||||
|
│ ├─ filterContainment.png
|
||||||
|
│ └─ timeFrameSlope.jpg
|
||||||
|
├─ src
|
||||||
|
│ ├─ App.vue // 網頁根元件
|
||||||
|
│ ├─ assets // 靜態資源 EX: 圖片, CSS
|
||||||
|
│ │ ├─ base.css
|
||||||
|
│ │ ├─ components.css
|
||||||
|
│ │ ├─ layout.css
|
||||||
|
│ │ ├─ main.css
|
||||||
|
│ │ ├─ tailwind.css
|
||||||
|
│ │ └─ vendors.css
|
||||||
|
│ ├─ components // 元件檔
|
||||||
|
│ │ ├─ Compare
|
||||||
|
│ │ │ └─ SidebarStates.vue
|
||||||
|
│ │ ├─ Discover
|
||||||
|
│ │ │ ├─ Conformance
|
||||||
|
│ │ │ │ ├─ ConformanceResults.vue
|
||||||
|
│ │ │ │ ├─ ConformanceSidebar
|
||||||
|
│ │ │ │ │ ├─ ActList.vue
|
||||||
|
│ │ │ │ │ ├─ ActRadio.vue
|
||||||
|
│ │ │ │ │ ├─ ActSeqDrag.vue
|
||||||
|
│ │ │ │ │ ├─ ConformanceRadioGroup.vue
|
||||||
|
│ │ │ │ │ ├─ ConformanceSelectResult.vue
|
||||||
|
│ │ │ │ │ ├─ ConformanceShowBar.vue
|
||||||
|
│ │ │ │ │ ├─ ConformanceTimeRange.vue
|
||||||
|
│ │ │ │ │ ├─ ResultArrow.vue
|
||||||
|
│ │ │ │ │ ├─ ResultCheck.vue
|
||||||
|
│ │ │ │ │ ├─ ResultDot.vue
|
||||||
|
│ │ │ │ │ └─ TimeRangeDuration.vue
|
||||||
|
│ │ │ │ ├─ ConformanceSidebar.vue
|
||||||
|
│ │ │ │ └─ MoreModal.vue
|
||||||
|
│ │ │ ├─ Map
|
||||||
|
│ │ │ │ ├─ Filter
|
||||||
|
│ │ │ │ │ ├─ ActAndSeq.vue
|
||||||
|
│ │ │ │ │ ├─ ActOcc.vue
|
||||||
|
│ │ │ │ │ ├─ ActOccCase.vue
|
||||||
|
│ │ │ │ │ ├─ Attributes.vue
|
||||||
|
│ │ │ │ │ ├─ Funnel.vue
|
||||||
|
│ │ │ │ │ ├─ Timeframes.vue
|
||||||
|
│ │ │ │ │ └─ Trace.vue
|
||||||
|
│ │ │ │ ├─ SidebarFilter.vue
|
||||||
|
│ │ │ │ ├─ SidebarState.vue
|
||||||
|
│ │ │ │ ├─ SidebarTraces.vue
|
||||||
|
│ │ │ │ └─ SidebarView.vue
|
||||||
|
│ │ │ └─ StatusBar.vue
|
||||||
|
│ │ ├─ File
|
||||||
|
│ │ │ └─ UploadModal.vue
|
||||||
|
│ │ ├─ Header.vue
|
||||||
|
│ │ ├─ Loading.vue
|
||||||
|
│ │ ├─ Navbar.vue
|
||||||
|
│ │ ├─ Search.vue
|
||||||
|
│ │ ├─ durationjs.vue
|
||||||
|
│ │ └─ icons // 放所有 icon 的 svg 檔
|
||||||
|
│ │ ├─ DspLogo.vue
|
||||||
|
│ │ ├─ IconDataFormat.vue
|
||||||
|
│ │ ├─ IconEyeClose.vue
|
||||||
|
│ │ ├─ IconEyeOpen.vue
|
||||||
|
│ │ ├─ IconFlowChart.vue
|
||||||
|
│ │ ├─ IconGrid.vue
|
||||||
|
│ │ ├─ IconList.vue
|
||||||
|
│ │ ├─ IconLockKey.vue
|
||||||
|
│ │ ├─ IconMember.vue
|
||||||
|
│ │ ├─ IconNA.vue
|
||||||
|
│ │ ├─ IconRule.vue
|
||||||
|
│ │ ├─ IconSearch.vue
|
||||||
|
│ │ ├─ IconSetting.vue
|
||||||
|
│ │ ├─ IconUploarding.vue
|
||||||
|
│ │ ├─ IconVector.vue
|
||||||
|
│ │ ├─ IconWarnTriangle.vue
|
||||||
|
│ │ └─ IconsFilter.vue
|
||||||
|
│ ├─ main.js // 程式進入點
|
||||||
|
│ ├─ module // JavaScript 邏輯
|
||||||
|
│ │ ├─ abbreviateNumber.js
|
||||||
|
│ │ ├─ alertModal.js // SweetAlert
|
||||||
|
│ │ ├─ apiError.js // API Error 邏輯
|
||||||
|
│ │ ├─ cytoscapeMap.js
|
||||||
|
│ │ ├─ cytoscapeMapTrace.js
|
||||||
|
│ │ ├─ numberLabel.js
|
||||||
|
│ │ ├─ setChartData.js
|
||||||
|
│ │ ├─ shortScaleNumber.js
|
||||||
|
│ │ ├─ sortNumEngZhtw.js
|
||||||
|
│ │ └─ timeLabel.js
|
||||||
|
│ ├─ router // Vue Router 路由管理
|
||||||
|
│ │ └─ index.js
|
||||||
|
│ ├─ stores // 資料狀態管理器
|
||||||
|
│ │ ├─ allMapData.js
|
||||||
|
│ │ ├─ compare.js
|
||||||
|
│ │ ├─ conformance.js
|
||||||
|
│ │ ├─ files.js
|
||||||
|
│ │ ├─ loading.js
|
||||||
|
│ │ ├─ login.js
|
||||||
|
│ │ ├─ main.js
|
||||||
|
│ │ └─ performance.js
|
||||||
|
│ └─ views // 路由元件
|
||||||
|
│ ├─ AuthContainer.vue
|
||||||
|
│ ├─ Compare
|
||||||
|
│ │ └─ Dashboard
|
||||||
|
│ │ └─ index.vue
|
||||||
|
│ ├─ Discover
|
||||||
|
│ │ ├─ Conformance
|
||||||
|
│ │ │ └─ index.vue
|
||||||
|
│ │ ├─ Map
|
||||||
|
│ │ │ └─ index.vue
|
||||||
|
│ │ └─ Performance
|
||||||
|
│ │ └─ index.vue
|
||||||
|
│ ├─ Files
|
||||||
|
│ │ └─ index.vue
|
||||||
|
│ ├─ Login
|
||||||
|
│ │ └─ index.vue
|
||||||
|
│ ├─ MainContainer.vue
|
||||||
|
│ ├─ MemberArea
|
||||||
|
│ │ └─ index.vue
|
||||||
|
│ ├─ NotFound404.vue
|
||||||
|
│ └─ Upload
|
||||||
|
│ └─ index.vue
|
||||||
|
├─ tailwind.config.js // Tailwind 設定檔
|
||||||
|
└─ vite.config.js // Vite 設定檔
|
||||||
|
|||||||
Reference in New Issue
Block a user