web端

目录结构

单页面结构

├──lg-demo
	├── public (存放浏览器标题favicon.ico、静态json数据)
	│
	├── src (存放视图、公共组件、工具类、image)
	│	├── api (与服务端对接的接口函数定义)
	│	│   ├── unify (公共接口函数)
	│	│   └── index (接口汇总，用于整合接口)
	│	│
	│	├── assets (本地静态资源：图片、svg等)
	│	│
	│	├── components (存放公用全局组件)
	│	│   ├── upload (上传组件)
	│	│   ├── form (表单组件)
	│	│   └── index (组件汇总，全局化)
	│	│
	│	├── layout (存放框架布局视图)
	│	│   ├── layout-menu (垂直导航菜单)
	│	│   ├── layout-body (内容布局)
	│	│   ├── top-menu (水平布局)
	│	│   ├── route-item(当前页标识)
	│	│   ├── layout-tags (标签页)
	│	│   ├── layout-navbars (顶栏信息)
	│	│   ├── layout-breadcrumb (面包屑)
	│	│   └── index (布局整合)
	│	│
	│	│
	│	├── router (存放路由信息)
	│	│
	│	├── store (存放组件的状态vuex)
	│	│
	│	├── utils (存放工具类函数)
	│	│
	│	└── pages (存放页面视图)
     
	├── .gitignore (git提交忽略配置)
	├── index.html (用户页面访问入口)
	├── package-lock.json (npm锁定安装时的包的版本号)
	├── package.json (包的依赖管理配置文件)
	└── vite.config.ts (vite配置文件)

多页面结构

├──lg-demo
	├── public (存放浏览器标题favicon.ico、静态json数据)
	│
    ├── demo-home (存放视图、公共组件、工具类、image)
	│	├── api (与服务端对接的接口函数定义)
	│	│   ├── unify (公共接口函数)
	│	│   └── index (接口汇总，用于整合接口)
	│	│
	│	├── assets (本地静态资源：图片、svg等)
	│	│
	│	├── components (存放项目公用组件)
	│	│   ├── table (表格组件)
	│	│   └── index (组件汇总，全局化)
	│	│
	│	├── router (存放路由信息)
	│	│
	│	├── store (存放组件的状态vuex)
	│	│
	│	├── App.vue (页面入口文件)
	│	│
    │	├── pages (存放页面视图)
	│	│
    │	├── main.js (Vue实例配置)
	│	│
	│	└──  index.html (分页面访问入口)
	│	│
    │	│
	├── src (存放视图、公共组件、工具类、image)
	│	├── api (与服务端对接的接口函数定义)
	│	│   ├── unify (公共接口函数)
	│	│   └── index (接口汇总，用于整合接口)
	│	│
	│	├── assets (本地静态资源：图片、svg等)
	│	│
	│	├── components (存放公用全局组件)
	│	│   ├── upload (上传组件)
	│	│   ├── form (表单组件)
	│	│   └── index (组件汇总，全局化)
	│	│
	│	├── layout (存放框架布局视图)
	│	│   ├── layout-menu (垂直导航菜单)
	│	│   ├── layout-body (内容布局)
	│	│   ├── top-menu (水平布局)
	│	│   ├── route-item(当前页标识)
	│	│   ├── layout-tags (标签页)
	│	│   ├── layout-navbars (顶栏信息)
	│	│   ├── layout-breadcrumb (面包屑)
	│	│   └── index (布局整合)
	│	│
	│	├── utils (存放工具类函数)
	│	│
    │	├── App.vue (页面入口文件)
	│	│
    │	├── pages (存放页面视图)
	│	│
	│	└── main.js (Vue实例配置)
     
	├── .gitignore (git提交忽略配置)
	├── index.html (用户页面访问入口)
	├── package-lock.json (npm锁定安装时的包的版本号)
	├── package.json (包的依赖管理配置文件)
	└── vite.config.ts (vite配置文件)