跳到主要内容

工程结构

结构说明

根路径下,有server和web两个文件夹,分别是后端和前端的项目

server

服务端有四个子应用:

  • surveyManage

    用于提供问卷管理端的问卷管理功能,为编辑问卷,投放问卷,问卷回收查看等提供接口服务。

  • surveyPublish

    用于提供问卷投放端的问卷填写功能,主要功能为问卷投放端用户填写问卷提供接口服务。

  • user

    用户的功能服务,主要为用户相关操作接口,为登陆,注册等用户相关操作提供接口服务。

  • ui

    用于渲染前端页面,提供的一个静态渲染服务,用于渲染前端静态页面。

surveyManage、surveyPublish、user都是api服务,主要用于提供服务接口。ui则为静态渲染服务,主要用于渲染前端页面使用。

.
├── README.md # 说明
├── build # 构建产物
├── package.json # 包说明
├── src # 源码目录
│ └── index.ts # 服务入口文件
│ └── apps
│ ├── surveyManage # 问卷管理接口层
│ ├── surveyPublish # 问卷发布接口层
│ ├── user # 用户模块
│ └── ui # 前端渲染层
├── tsconfig.json

web

前端核心包含物料库(materials)、问卷管理 - 问卷管理端(management)、问卷投放 - 问卷投放端(render):

.
├── README.md # 说明
├── build # 构建产物
├── package.json # 包说明
├── vue.config.js # 包说明
├── public # html模板和静态资源文件
│ └── imgs # 图片资源文件夹
│ └── management.html # 问卷管理端html模板
│ └── render.html # 问卷投放端html模板
├── src # 源码目录
│ └── management # 问卷管理端工程
│ ├── main.js # 问卷管理端入口文件
│ ├── App.vue # 问卷管理端入口vue文件
│ ├── api # 接口请求文件夹
│ └── components # 组件
│ ├── empty.vue # 通用的空页面
│ ├── leftMenu.vue # 编辑页、投放页、数据回收页通用的菜单
│ └── logo.vue # logo组件
│ └── config # 配置
│ ├── questionConfig.js # 题目的基础字段配置
│ ├── questionMenuConfig.js # 控制编辑页左侧的题型菜单的题型显示顺序
│ └── setterConfig # 内置组件设置器的配置
│ ├── bannerConfig.js # banner的设置器配置
│ ├── logoConfig.js # logo的设置器配置
│ └── submitConfig.js # 提交按钮的设置器配置
│ └── pages # 问卷管理端页面
│ ├── analysis # 回收数据页
│ ├── create # 创建页
│ ├── list # 列表页
│ ├── login # 登陆页
│ ├── publishResult # 发布结果页
│ └── edit # 编辑页
│ ├── index.vue # 编辑页入口
│ ├── pages # 编辑页子页面
│ ├── components # 编辑页组件
│ └── modules # 微模块文件夹
│ ├── contentManagement # 内容管理微模块
│ ├── generalManagement # 通用功能微模块
│ ├── permission # 权限微模块
│ ├── questionDesigner # 题目设计微模块
│ └── surveySetting # 设置微模块
│ ├── router # 问卷管理端路由配置
│ ├── store # 问卷管理端store
│ └── styles # 样式