上手

概述

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

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

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

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

本章节主要介绍项目的主要结构，以及对应的模块说明。

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

目录结构

/single-pass-lecen
├─ lecen-server
    ├─ public
        ├─ lcupload // 系统资源
        ├─ pageRecord // 持久化数据版本管理
        ├─ temp // 临时文件
        └─ tool // 工具文件
    ├─ src
        ├─ auth // 用户认证
        ├─ camunda
            ├─ deployment // 流程部署
            └─ tenant // 租户管理
        ├─ common
            ├─ decorator // 全局装饰器
            ├─ interceptor // 全局拦截器
            ├─ config.ts // 服务配置
            └─ field.entity.ts // 公共实体字段
        ├─ File // 文件管理
        ├─ git // 持久化数据版本控制
        ├─ PageComposition
            ├─ css // 样式管理
            ├─ form // 表单管理
            ├─ parasiticBond // 执行寄连管理
            ├─ request // 请求链接管理
            └─ view // 数据视图
        ├─ schema // 管理mongoose数据结构
        ├─ systemConfig
            ├─ basic // 基本信息配置
            ├─ dataSource // 数据源管理
            ├─ dictionary // 字典管理
            ├─ file // 文件配置管理
            ├─ identity // 身份管理
            ├─ mock // 数据模拟管理
            ├─ module // 模块管理
            ├─ organization // 组织结构管理
            └─ router // 路由菜单管理
        ├─ systemTool
            └─ puppeteer // 屏幕截图
        ├─ user // 用户模块
        ├─ util // 项目中的常用工具等
        ├─ app.module.ts // 接口、服务、实体等的模块注册，数据库连接等
        └─ main.ts // 项目入口，配置公共资源路径、跨域等
    └─ package.json // 项目管理文件
└─ lecen-web
    ├─ lib
        └─ ckeditor5 // 富文本编辑器
    ├─ src
        ├─ _Global
            ├─ plugin // 构建插件
            └─ types // ts声明
        ├─ common
            ├─ assembly
                ├─ assembly // 复制组件
                ├─ assembly // 编辑器组件
                ├─ list // 列表组件
                └─ tagsInput // 输入组件
            ├─ css
                ├─ index.scss // 样式初始化
                ├─ preset.scss // 预置样式
                ├─ root.scss // 跟样式变量
                ├─ unit.scss // 单元样式
                └─ variable.scss // 样式变量
            ├─ images
                └─ design // 设计器图片
            ├─ js
                ├─ instance
                    ├─ base.ts // 基础对象
                    ├─ global.ts // 全局对象
                    ├─ parasiticBond.ts // 寄连对象
                    └─ request.ts // 请求对象
                ├─ method
                    └─ message.ts // 消息方法
                ├─ compute.ts // 值计算
                ├─ control.ts // 控制计算
                ├─ index.ts // 通用方法
                ├─ page.ts // 页面操作
                ├─ permission.ts // 权限控制
                ├─ service.ts // 提供的服务
                ├─ shortCut.ts // 快捷方式
                ├─ style.ts // 样式控制
                └─ uses.ts // 组合式防范
            └─ svg
                └─ xicons // svg图标
        ├─ company // 公司配置
        ├─ components // 所有封装的组件
        ├─ config // 项目配置
        ├─ registers
            ├─ component.ts // 注册组件
            ├─ directive.ts // 注册指令
            ├─ element-plus-icon.ts // 注册图标
            ├─ init.ts // 注册初始化内容
            └─ prototype.ts // 注册原型
        ├─ request // 请求
        ├─ router // 路由
        ├─ stores // 本地存储
        ├─ surface // 界面
        ├─ utils // 项目中的常用工具等
        ├─ views
            ├─ camunda // 流程管理
            ├─ entry // 入口
            ├─ container // 渲染组件，核心组件
            ├─ organizationManagement // 组织管理，包括人员和身份
            ├─ pageConfig // 系统页面管理，设计核心
            ├─ systemConfig // 系统配置管理，核心支持
            ├─ systemResource // 系统资源管理
            ├─ systemTool // 系统工具管理
            ├─ toolDown // 工具下载
            └─ utilities.ts // 公用工具管理
        ├─ App // 根挂载组件
        └─ main.ts // 主入口文件
    ├─ package.json // 项目管理文件
    └─ vite.config.ts // vite配置