Node项目之需求收集平台（一）- 基本介绍

上个月只大概花了几个小时就完成简单的评分系统，很是简单的第一个项目。然而在写这个需求收集平台的时候，考虑的问题不少，需求也变了好几次（本身定需求本身开发也是醉了），并且刚开始学习使用jQuery框架来实现页面交互，因此直到如今尚未完整的完成全部功能。这个需求收集平台相对于第一个项目有以下方面的改进：

• 适当添加了部分CSS代码，再也不只是使用原生bootstrap样式而不写一句css代码

• 全面使用jQuery来实现界面交互（现学现卖）

• 大幅使用ajax来异步获取响应，而再也不是没写一句js代码

• 每一个页面再也不是独立的一个文件，适当的使用了分块拼凑的方式，但仍然使用ejs（下次该换了它）

• 使用bootstrap-table以及bootstrap-fileinput等等插件实现部分功能

• 数据依然使用的MySQL，只是根据表分文件编写，再也不混为一谈

整个项目到目前为止，前先后后也差很少1个月时间了，边学习边开发，我的感受进步仍是比较明显的，我的技能的主要更新都在jQuery上了，从开始作这个项目的时候，才刚开始学习jQuery，在进行这个项目的这个月，也看完了《锋利的jQuery》一书，收获颇丰，书中学习的好多内容也在这个项目中获得了实践。下面简单介绍一下整个项目的界面以及基本功能。

前台

前台目前就两个界面，一个是首页index.ejs，一个是需求添加页面add.ejs，简单的两个界面需求变动了好几回，前期没有提早设计出来，都是靠想象来写前端代码，故而老是写完后看着不爽就换了。最终造成下面的样子，也不想再变更了。

首页：index.ejs

点击条目的时候，会异步加载详细内容以及回复内容等等。

添加页面：add.ejs

bootstrap-fileinput插件上传图片样式

功能方面：

• 首页上点击消息行项目异步请求获取详情内容以及回复

• 首页aside边栏页面加载完成后异步获取实时内容

• 添加页动态获取需求分类以及对应的详细分类值

• 添加页aside边栏在点击详细分类后触发获取可能要提交的问题

• 引入bootstrap-fileinput插件美化图片上传样式

后台

整个后台看上去就一个页面admin.ejs，不一样的设置页面都是经过bootstrap-table异步加载json的方式来显示的，其中包括基本信息的设置、部门分类设置，需求分类设置以及用户帐号密码设置。其实也能够理解为有4个单独的页面，只是URL是不变的，所有经过异步加载的方式来处理。

后台首页：admin.ejs

使用bootstrap原生modal实现的效果：

功能方面：

• 使用bootstrap-table插件来实现总体的功能框架

• 辅助使用bootstrap一些原生javascript插件来展现部分效果，如modal

作这个项目的时间跨度已经将近一个月时间，其中不乏各类需求变动，迟迟得不到本身想要的效果，不少时候都是梦想很美好，现实很残酷（PS. 能力有限）。虽然如今好多的功能尚未写完，可是大致的样式以及要实现的功能已经定型了，不想再改了，有始有终，接下来的时间就是完成它了。

完成以前在这里简单记录一下，也算作是本身学习Node Web的一个项目实践吧。关于这个项目的一些细节单独再整理文章进行介绍。