如今随着web系统功能的不断完善，越来越多的项目选择web系统，同样建筑造价师资格考试应试网站也是通过浏览器来访问系统主页面的。Web系统与app相比（后者主要是C/S架构），可以通过浏览器来规避很多问题，依靠浏览器让项目的开发变得简单，不再担心项目的版本跟新带来的数据传输等一系列的问题。值得注意的是B/S架构的项目，浏览器与服务器的数据的交互是通过http协议进行的，同样，服务器与数据库的数据交互也是通过http协议，统一的格式让信息的交互更加的简便与快捷。下图是具体的b/s架构图：
图3-1 系统B/S结构
建筑造价师资格考试应试网站的整体架构确定以后，再来看建筑造价师资格考试应试网站的主要功能模块图。整体的功能模块包括前台和后台，前台只要实现了用户，主要的页面，包括首页，课程信息、成绩信息、在线考试等。后台的模块主要实现了管理员，用户管理、课程信息管理、成绩管理、在线考试管理等。确定了模块以后，再设计各个模块的功能特点，方便抽取出各个模块的公共部分来。
图3.1建筑造价师资格考试应试网站功能模块图
本建筑造价师资格考试应试网站的前台页面所有的页面设计主要是上中下的结构，这样的好处是让所有的页面更加的整洁。主题的页面颜色采用淡色为主，为突出页面的美观。主页面上分为导航栏，导航栏的每个导航项目设计为一张jsp页面，除此之外，还有就是用户中心页面，后台管理的页面了。后台管理页面已简单的上下结构为主。
（1）用户模块结构图
本系统的用户包括管理员，用户模块。两种角色模块的功能基本是相同的，用户比管理员多了一个注册功能，所以以用户模块的结构图为例进行分析，如下图：
图3.2用户模块结构图
（2）各个结构的具体业务逻辑
a.查询用户信息：设计最基础的查询功能，主要就是根据用户id查询用户信息。该功能主要体现在管理员用户信息查询和用户自己查询信息的时候。
b.修改用户信息：用户可以根据情况，对自己的基本信息进行修改，包括名字修改、密码修改、头像修改等操作。
c.增加用户：用户可以通过注册来获得账号
d.删除用户信息：管理员没有权利进行删除信息的删除，最多把用户加入到黑名单中，禁止用户进行登录操作。
（1）课程信息模块结构图
建筑造价师资格考试应试网站同时是一个在线课程学习网站，用户可以在线进行课程信息查询学习，可以在线进行学习视频下载操作。管理员对系统课程视频进行上传以及课程内容进行管理，具体的结构图如下：
图3.3课程信息模块结构图
（2）各个结构的具体业务逻辑
a.查询课程：设计最基础的课程查询功能，主要就是根据用户id查询该系统的所有课程信息。
b.发布课程：管理员可以在线发布课程信息到系统上。
c.删除课程：管理员可以删除系统的课程信息。
建筑造价师资格考试应试网站根据上面的E-R实体图，就再找到实体与实体之间的关系来，制作总的E-R图，实体之间的关系一共有4种，也就是一对一，多对一，一对多和多对多，总的E-R图是设计数据库表格的依据，如下图是系统的总E-R图。
图3.4系统总体E-R图
根据上面的E-R图，继而设计数据库表格，注意的是数据库表格遵从三范式标准，这样以后操作也会更加简单一些。
系统的各个数据库表如下。
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| account_management_id | int | 11 | 是 | 是 | 科目管理ID |
| account_number | varchar | 64 | 是 | 否 | 科目编号 |
| account_name | varchar | 64 | 否 | 否 | 科目名称 |
| account_type | varchar | 64 | 否 | 否 | 科目类型 |
| person_in_charge | varchar | 64 | 否 | 否 | 负责人 |
| remarks | varchar | 64 | 否 | 否 | 备注 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| collect_id | int | 10 | 是 | 是 | 收藏ID： |
| user_id | int | 10 | 是 | 否 | 收藏人ID： |
| source_table | varchar | 255 | 否 | 否 | 来源表： |
| source_field | varchar | 255 | 否 | 否 | 来源字段： |
| source_id | int | 10 | 是 | 否 | 来源ID： |
| title | varchar | 255 | 否 | 否 | 标题： |
| img | varchar | 255 | 否 | 否 | 封面： |
| create_time | timestamp | 0 | 是 | 否 | 创建时间： |
| update_time | timestamp | 0 | 是 | 否 | 更新时间： |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| curriculum_id | int | 11 | 是 | 是 | 课程ID |
| course_name | varchar | 64 | 否 | 否 | 课程名 |
| course_type | varchar | 64 | 否 | 否 | 课程类型 |
| course_cover | varchar | 255 | 否 | 否 | 课程封面 |
| course_video | varchar | 255 | 否 | 否 | 课程视频 |
| enclosure | varchar | 255 | 否 | 否 | 附件 |
| remarks | varchar | 64 | 否 | 否 | 备注 |
| tell_content | text | 0 | 否 | 否 | 讲述内容 |
| hits | int | 11 | 是 | 否 | 点击数 |
| praise_len | int | 11 | 是 | 否 | 点赞数 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| exam_id | mediumint | 8 | 是 | 是 | 考试id |
| name | varchar | 32 | 是 | 否 | 考试名称 |
| duration | int | 11 | 否 | 否 | 答题时长 |
| score | double | 8 | 否 | 否 | 总分 |
| status | varchar | 10 | 否 | 否 | 状态 |
| create_time | timestamp | 0 | 是 | 否 | 创建时间： |
| update_time | timestamp | 0 | 是 | 否 | 更新时间： |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| exam_question_id | mediumint | 8 | 是 | 是 | |
| type | varchar | 20 | 否 | 否 | 类型 |
| title | varchar | 255 | 否 | 否 | 题目 |
| question_item | varchar | 500 | 否 | 否 | 选项 |
| answer | varchar | 500 | 否 | 否 | 参考答案 |
| score | double | 8 | 否 | 否 | 总分 |
| question_order | int | 11 | 否 | 否 | 排序 |
| exam_id | mediumint | 8 | 否 | 否 | 所属试卷 |
| create_time | timestamp | 0 | 是 | 否 | 创建时间： |
| update_time | timestamp | 0 | 是 | 否 | 更新时间： |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| examinee_id | int | 11 | 是 | 是 | 考生ID |
| admission_number | varchar | 64 | 是 | 否 | 准考号 |
| examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| user_id | int | 11 | 是 | 否 | 用户ID |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| notice_id | mediumint | 8 | 是 | 是 | 公告id： |
| title | varchar | 125 | 是 | 否 | 标题： |
| content | longtext | 0 | 否 | 否 | 正文： |
| create_time | timestamp | 0 | 是 | 否 | 创建时间： |
| update_time | timestamp | 0 | 是 | 否 | 更新时间： |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| upload_id | int | 11 | 是 | 是 | 上传ID |
| name | varchar | 64 | 否 | 否 | 文件名 |
| path | varchar | 255 | 否 | 否 | 访问路径 |
| file | varchar | 255 | 否 | 否 | 文件路径 |
| display | varchar | 255 | 否 | 否 | 显示顺序 |
| father_id | int | 11 | 否 | 否 | 父级ID |
| dir | varchar | 255 | 否 | 否 | 文件夹 |
| type | varchar | 32 | 否 | 否 | 文件类型 |