lecen

Appearance

上手 ​

概述 ​

系统页面的基本组成，项目开发过程中需要理解的一些页面的组成要素。

项目由lecen-web和lecen-server两个子项目构成。

lecen-web是前端页面，可以运行系统以及设计生成页面。

lecen-server是后端服务，提供了数据持久化以及针对该前端系统核心功能的支持，与业务无关

前端系统主要由在线编写代码与可视化操作两种方式来构建。

本章节主要介绍在线编写代码时需要遵守的约定，以及实现某些功能的介绍。

如需了解如何通过可视化操作来设计页面，请参考页面配置中的页面设计。

目录结构 ​

\single-pass-lecen
├─ README.md
├─ lecen-server                                 //后端服务，提供数据持久化以及针对系统功能的支持
|   ├─ README.md
|   ├─ nest-cli.json
|   ├─ package-lock.json
|   ├─ package.json
|   ├─ src
|   |   ├─ File
|   |   ├─ Manual
|   |   ├─ PageComposition
|   |   ├─ app.controller.spec.ts
|   |   ├─ app.controller.ts
|   |   ├─ app.module.ts
|   |   ├─ app.service.ts
|   |   ├─ common
|   |   ├─ main.ts
|   |   ├─ schema
|   |   ├─ systemConfig
|   |   └─ util
|   ├─ test
|   ├─ tsconfig.build.json
|   └─ tsconfig.json
└─ lecen-web                                    //前端页面，可以运行系统以及设计生成页面
    ├─ README.md
    ├─ cypress                                  //cypress自动测试工具
    ├─ cypress.config.ts                        //cypress配置文件
    ├─ env.d.ts                                 //vite配置env全局变量
    ├─ index.html
    ├─ package-lock.json
    ├─ package.json                             //项目架构配置
    ├─ public                                   //静态资源文件夹
    ├─ src                                      //程序员源代码文件夹
    |   ├─ App.vue
    |   ├─ _Global
    |   ├─ common                               //系统常用js、css
    |   ├─ company                              //调取不同公司项目之间配置封装
    |   ├─ components                           //封装的组件
    |   ├─ config
    |   ├─ main.ts
    |   ├─ registers
    |   ├─ request
    |   ├─ router                               //路由配置，其中的menuData.ts为菜单映射
    |   ├─ stores                               //状态管理 pinia 配置
    |   ├─ surface
    |   ├─ system
    |   ├─ utils                                //工具函数及插件
    |   └─ views                                //页面文件
    ├─ tsconfig.app.json
    ├─ tsconfig.config.json
    ├─ tsconfig.json
    ├─ tsconfig.vitest.json
    └─ vite.config.ts                           //vite配置
\single-pass-lecen
├─ README.md
├─ lecen-server                                 //后端服务，提供数据持久化以及针对系统功能的支持
|   ├─ README.md
|   ├─ nest-cli.json
|   ├─ package-lock.json
|   ├─ package.json
|   ├─ src
|   |   ├─ File
|   |   ├─ Manual
|   |   ├─ PageComposition
|   |   ├─ app.controller.spec.ts
|   |   ├─ app.controller.ts
|   |   ├─ app.module.ts
|   |   ├─ app.service.ts
|   |   ├─ common
|   |   ├─ main.ts
|   |   ├─ schema
|   |   ├─ systemConfig
|   |   └─ util
|   ├─ test
|   ├─ tsconfig.build.json
|   └─ tsconfig.json
└─ lecen-web                                    //前端页面，可以运行系统以及设计生成页面
    ├─ README.md
    ├─ cypress                                  //cypress自动测试工具
    ├─ cypress.config.ts                        //cypress配置文件
    ├─ env.d.ts                                 //vite配置env全局变量
    ├─ index.html
    ├─ package-lock.json
    ├─ package.json                             //项目架构配置
    ├─ public                                   //静态资源文件夹
    ├─ src                                      //程序员源代码文件夹
    |   ├─ App.vue
    |   ├─ _Global
    |   ├─ common                               //系统常用js、css
    |   ├─ company                              //调取不同公司项目之间配置封装
    |   ├─ components                           //封装的组件
    |   ├─ config
    |   ├─ main.ts
    |   ├─ registers
    |   ├─ request
    |   ├─ router                               //路由配置，其中的menuData.ts为菜单映射
    |   ├─ stores                               //状态管理 pinia 配置
    |   ├─ surface
    |   ├─ system
    |   ├─ utils                                //工具函数及插件
    |   └─ views                                //页面文件
    ├─ tsconfig.app.json
    ├─ tsconfig.config.json
    ├─ tsconfig.json
    ├─ tsconfig.vitest.json
    └─ vite.config.ts                           //vite配置