基于微信关注的客户服务系统设计与实现
XHTML，XML/XSL,WML等一些标识语言和Web services.
本文描述系统将每一个视图对应一个HTML模版页面，model层的数据经过control层运算后传到视图层，由视图负责渲染模版展示出来。下面重点讲述系统的几个重要视图。
(1)文章新闻视图ArticleView
该视图下包含index、add、edit视图，分别用来展示、添加、编辑文章新闻 。
(2)订单视图OrderView
该视图下包含index、add、edit、expressinfo、send视图，分别用来展示订单、添加订单、编辑订单、查看物流信息、订单发货。
(3)产品视图ProductView
该视图下包含index、add、edit视图，分别用来展示、添加、编辑产品。
(5)用户视图UserView
该视图下包含index、add、edit、login、register视图，分别用来展示、添加、编辑用户和用户的登录注册 。 4.2.3控制层设计（control）
控制器接受用户的输入并调用模型和视图去完成用户的需求，所以当单击Web页面中的超链接和发送HTML表单时，控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构件去处理请求，然后再确定用哪个视图来显示返回的数据。
本文所描述的系统将每一个controler对应一个model，多个view。每个control都继承自基础控制器Control，下面重点讲述系统的几个重要控制器。
（1）基础控制器Control
该控制器实现了所有控制器的一些共性操作，包括模版渲染、数据处理、重定向、缓存操作等。
（2）文章新闻控制器ArticleControl
该控制器继承自基础控制器Control，除此之外还有index、add、edit、
28
基于微信关注的客户服务系统设计与实现
save、delete操作，分别对应处理文章新闻视图中的列表、添加、编辑、保存、删除操作。
（4）订单控制器OrderControl
该控制器继承自基础控制器Control，除此之外还有index、add、edit、save、delete操作，分别对应处理订单视图中的列表、添加、编辑、保存、删除操作。
（4）产品控制器ProductControl
该控制器继承自基础控制器Control，除此之外还有index、add、edit、save、delete操作，分别对应处理产品视图中的列表、添加、编辑、保存、删除操作。
（5）用户控制器UserControl
该控制器继承自基础控制器Control，除此之外还有index、add、edit、save、delete、login、singup操作，分别对应处理用户视图中的列表、添加、编辑、保存、删除操作和用户登录、注册。
4.3系统模块详细设计
4.3.1系统模块基本设计
基于微信关注的客户服务系统 订单管理 产品管理 用户管理 角色管理 样品管理 文章管理 咨询管 理
图 4-2 系统模块图
整个系统被划分成七个子模块，每个模块的主要功能如下：
（1）订单管理模块，包括订单新增，订单修改，订单删除，订单查询，订
29
基于微信关注的客户服务系统设计与实现
单跟踪，订单筛选，订单打印等功能。
（2）产品管理模块，包括产品及分类新增，产品及分类修改，产品及分类删除，产品及分类查询等功能。
（3）用户管理模块，包括用户的新增，用户的查询，用户的编辑，用户的删除等功能。
（4）角色管理模块，包括角色的查询，角色的修改，角色的查看，角色权限的编辑，角色的新增等功能。
（5）样品管理模块，包括样品的新增，样品的修改，样品查看，样品删除等功能。
（6）文章管理模块，包括文章信息及其分类的新增、修改、删除、查看等功能。
（7） 咨询反馈模块，包括咨询反馈信息的修改、删除、查看等功能。 4.3.2产品管理模块
该模块主要是针对产品及其分类的增删改查。
如下图4-3所示，该图描述了产品管理模块流程图，该模块实现产品的新增、修改、查询、删除操作。 进入产品管理页面后是所有产品的列表，点击新增产品按钮后进入新增产品页面，在该页面用户需填写产品标题，选择产品分类，上传产品预览图片，填写产品价格、数量、规格、详细描述等信息后点击提交按钮后即可，提交成功后转入到查询界面。
在搜索框中输入信息，点击查询按钮，系统根据输入信息进行模糊匹配产品信息，将产品标题中包含该字符串的所有产品罗列出来展示在页面，用户可对搜索出来的产品进行编辑，删除操作。
30
基于微信关注的客户服务系统设计与实现
状态可编辑产品查看提交新增产品显示新增产品页面点击新增按钮点击查询按钮显示查询结果点击取消按钮点击删除按钮确认删除提示点击确定按钮点击编辑按钮显示产品编辑页面点击返回按钮提交编辑信息
图 4-3 产品管理模块流程图
在查询出来的产品中选中相应的产品后可对其进行编辑和删除。点击编辑按钮后进入编辑界面，此时所有产品信息都显示出来，并且是处于可编辑状态，用户编辑相应的信息后点击保存按钮即可，保存成功后转入到查询界面。点击删除按钮后弹出确认删除的提示框，用户选择确定后删除相应产品，并刷新当前页面，用户选择取消后关闭对话框，不做任何操作。
在产品新增页面，当用户提交信息不符合规定时会提示错误信息，例如：产品标题须是6到20个汉字和英文字符串，可以是纯汉字或英文，价格和数量字段强制填写数字类型，上传图片可以是本地上传或远程图片。产品描述是10到
31
基于微信关注的客户服务系统设计与实现
10000个字符的字符串。当信息全部填写正确后才能提交到后台，提交至后台后对所有字段进行过滤，首先过内容中包含的滤脚本标签，即采用strip_tags函数进行过滤。
产品分类信息的增删改查：
状态可编辑产品分类查看提交新增产品分类点击新增按钮点击查询按钮显示新增产品分类页面显示查询结果点击取消按钮点击删除按钮确认删除提示点击确定按钮点击编辑按钮显示产品分类编辑页面点击返回按钮提交编辑信息
图 4-4 产品分类管理模块流程图
图4-4描述了产品分类管理模块流程图，该模块实现产品分类的新增、修改、查询、删除操作。 进入产品分类管理页面后是所有产品分类的列表，点击新增产品分类按钮后进入新增产品分类页面，在该页面用户需填写产品分类标题，备注等信息后点击提交按钮后即可，提交成功后转入到查询界面。
32