架构设计、详细设计（BCE方法）到应用程序框架映射指南

1.架构

1.1.表示层

1.2.业务层

1.3.持久化层

2.框架目录设计与逻辑架构

3.BCE方法

3.1应用BCE模式规则：

识别用例可以得到如下关系

边界类（Boundary Class）

控制类（Control Class）

实体类（Entity Class）

项目用例简图

image

2.2用例时序图

​
2.3用例类图

4.框架映射

前端目录结构

前端总体上采用基于vue路由跳转的单页网页应用

├─ fontend
| ├─ build
| ├─ config //以上是webpack前段打包文件夹
| ├─ node_modules //前端vue框架引入的第三方库、组建、模板
| ├─ src
| | ├─ assests //存放前端所需要的图片等静态文件
| | ├─ components
| | | ├─ Auth
| | | | ├─ AccessAcount.vue //用户详细信息组件界面
| | | | ├─ Register.vue //用户注册组件界面
| | | | ├─ Signin.vue //用户登录组件界面
| | | | ├─ Signout.vue //用户登出组件
| | | | └─ verify.vue //滑动验证码组件
| | | ├─ Ques
| | | | ├─ Check.vue //发布者查看问卷内容组件界面
| | | | ├─ Create.vue //问卷创建组件界面
| | | | ├─ Dajuan.vue //答卷具体内容界面
| | | | ├─ Dajuanlist.vue //答卷列表界面
| | | | ├─ Edit.vue //问卷编辑界面
| | | | └─ Fillin.vue //问卷答题界面
| | | ├─ Set
| | | | ├─ Getjob.vue //获取问卷列表
| | | | └─ Putjob.vue //发布问卷界面
| | | ├─ User
| | | | ├─ Complain.vue //用户投诉界面
| | | | ├─ Recharge.vue //用户充值界面
| | | | └─ Withdraw.vue //用户提现界面
| | | ├─ Task
| | | | ├─ CreateTask.vue //创建其他任务界面
| | | | ├─ DoneTask.vue //用户发布且已完成任务列表界面
| | | | ├─ GetTask.vue //用户获取其他任务列表界面
| | | | ├─ myDoneTask.vue //个人用户已完成的任务列表界面
| | | | ├─ myTodoTask.vue //个人申请的单还未完成的列表界面
| | | | ├─ TaskDetail.vue //任务详情界面
| | | | └─ TodoTask.vue //用户发布的单还未庸人完成任务
| | | ├─ User.vue //用户登录进去后的主界面
| | | └─ Hello.vue //欢迎界面
| | ├─ router
| | | └─ index.js //vue路由文件
| | ├─ storage //sessionstorage管理文件
| | ├─ App.vue //vue的app主主组件，相当于组件树的根组件
| | └─ main.js //引入必要的模块并将app.vue 组件应用到index.html中
| ├─ static //静态文件库（暂时未用）
| ├─ .postcssrc.js
| ├─ index.html //vue前端项目入口文件
| └─ package.json //vue依赖文件，用于指明所需下载的依赖和前端打包

后端目录结构

├─ api
│  ├─ account
│  │  ├─ __init__.py
│  │  ├─ account_function.py
│  │  └─ utils.py
│  ├─ questionnaire
│  │  ├─ __init__.py
│  │  ├─ ans_function.py
│  │  ├─ que_function.py
│  │  └─ utils.py
│  ├─ task
│  │  ├─ __init__.py
│  │  ├─ task_function.py
│  │  └─ utils.py
│  ├─ utils
│  │  ├─ __init__.py
│  │  ├─ assist.py
│  │  ├─ match.py
│  │  └─ utils.py
│  └─ __init__.py
├─ dbTools
│  ├─ __init__.py
│  ├─ dbConfig.py
│  └─ dbTools.py
└─ app.py

与BCE映射关系

BCE中：

在本系统中，Boundary包含：

Controller 包含：

Entity 包含：