微信门户网站整体设计方案

温州侨联微信门户网站整体设计方案
V1.0.0.0
1.总体概述
1.1.项目背景
2011年，腾讯公司推出了有史以来最便捷的沟通软件-微信，这款移动应用改变了人们的沟通交流方式，随着微信注册用户的迅猛增长（2013年11月注册用户突破6亿），微信已经成为人们日常生活必不可少的一款移动应用。

与此同时，基于微信的移动应用开发也犹如雨后春笋般迅速在大江南北涌现，各政府部分，企事业单位，民间团体纷纷基于微信完成了从传统门户网站向微信微门户的过渡。

成立于1960年3月27日的温州侨联作为由中共温州市委领导的由全市归侨侨眷组成的人民团体，是党和政府联系广大归侨、侨眷和海外侨胞的桥梁和纽带，是中国人民政治协商会议温州市委员会的组成单位和浙江省侨联的团体会员。

肩负着服务经济发展、依法维护侨益、拓展海外联谊、参政议政、弘扬中华文化、参与社会建设等六项职能。

全市各级已经建立起较为健全完善的侨联组织网络，目前共有县(市、区)级侨联11家，高校侨联5家，联谊会2家，在全市有乡镇(街道)侨联已达90个。

全市有34.6多万归侨侨眷，有68.8多万华侨华人、港澳同胞，分布于世界五大洲130个国家和地区，主要聚居在欧美等发达国家和地区，以新华侨华人为主。

所以，为了更全面便捷的服务于世界各地的侨眷侨胞，温州侨联亟需在微信端开发自己的微门户，不但能及时将最新动态发布给关注人群，同时可以对他们提出的建议和诉求进行快速实时的响应。

1.2.需求概述
基于这样的前提，温州侨联提出了开发微信门户的需求，主要包括以下几个方面：
❖能够完成侨联各类图文信息的发布
❖能够实时响应关注用户提出的问题、诉求及建议
❖能够实现分地区细致管理，责任到基层，服务更加到位，更加完善
1.3.建设目标
结合温州侨联的工作需要及微信开发特色，拟建设温州侨联微信平台，主要建设目标及内容如下：
申请温州侨联微信公共平台服务号
❖实现平台服务号菜单自定义
❖实现后台便捷发布图文信息
❖实现用户按所在区域提交意见建议
❖实现实时反馈问题处理进度
❖实现多级权限管理，分地区管理员进行信息维护
2.设计原则
微信公众平台开发系统的基本原则是以系统总体目标为宗旨，为用户提供一个技术先进，成熟可靠，灵活适用，性能优秀的调用系统。

因此，系统设计将遵循如下原则
2.1.开放性
系统在设计时考虑到功能的可扩展性与维护的方便性，使用的操作平台类型，应用服务器、编程语言和数据库，将遵循通用性、开放性，以期达到减少后续功能增加，修改的难度，减少由于维护方、后续服务方的变更，带来系统二次开发、维护的难度。

2.2.先进性
采用目前国际上最先进的数据库技术，PHP开发，mysql作为网站后台数据库。

这个组合在测试权威e-Week的测试中显示具有最优性能。

采用这些技术是完全基于微软平台进行开发，降低了以后的系统运营成本，提高了系统的稳定性和易维护性。

2.3.高性能
本系统的硬件搭配，微信公众平台能够充分胜任对大量事物处理的要求和信息量不断增长的要求。

2.4.实用性
微信公众平台以中心需求为目标，以方便用户为原则，在吸取先进管理经验的基础上，量身定做；在统一的用户界面下提供各种实用功能，尽可能降低使用前的培训和使用中的维护投入。

提供微信前端网页开发的无逢连接。

2.5.安全性
充分考虑系统及数据资源的容灾、备份、恢复的要求。

为系统提供强大的数据库备份工具。

多级用户权限管理，信息发布管理均做日志记录，责任到人。

除此之外，微信展示页面设计原则包括：
⏹突出网页的美观度，要求布局合理，页面清晰美观。

⏹形式新颖，结构清晰，内容丰富，技术运用合理，浏览方便快捷。

⏹方便调用
3.详细设计
3.1.技术架构
❖简要说明
系统前端采用微信应用开发性能和稳定性都非常良好的LAMP架构，即Linux+Apache+Mysql+PPHP黄金组合，这种架构轻量级，开发迅速，性能稳定，也是当前微信应用开发的主流架构。

系统后台CMS管理系统可以采用J2EE架构，利用经典的MVC开发模式，采用主流稳定高可扩展性MVC框架（SSH，groovy，SSM等）
同时为提高性能和网站的负载能力，使用nginx技术实现负载均衡，缓存静态资源，提高服务器的响应速度和处理能力。

以上系统架构设计软件及开发工具均免费开源，而且对服务器性能要求可以定制，不但为客户省去了不必要的开发费用，而且规避了版权的法律风险。

为实现界面处理的统一，微信前端和后台管理系统均采用jquery+css+js+html处理方式，保持系统风格的统一性以及稳定性。

❖系统架构图
3.2.功能模块
3.2.1.微信前端
根据目前微信的标准，一级菜单最多不能超过3个，二级菜单不能超过5个，所以功能模块作如下划分
一级菜单包括：侨联天下、温州侨讯、个人服务三部分
侨联天下包括菜单：有事要帮、有话要说、有喜要报、有线要牵
温州侨讯包括菜单：侨界资讯、项目投资、创业机会
个人服务包括菜单：资料完善、服务查询、消息中心、联系我们
界面原型设计
侨联天下
❖有事要帮
功能设计：用户通过点击微信公共号自定义菜单，可以进入到有事要帮的信息填写界面，主要包括内容有：是否匿名，联系方式（可选择邮箱或电话），联系人，帮忙内容，所在区县。

界面原型设计：
❖有话要说
功能设计：用户通过点击微信公共号自定义菜单，可以进入到有话要说的信息填写界面，主要包括内容有：是否匿名，信息类型（投诉、建议、咨询），信息内容，联系人，联系方式，所在区县
界面原型设计
❖有喜要报
功能设计：用户通过点击微信公共号自定义菜单，可以进入到有喜要报的信息填写界面，主要包括内容有：是否匿名，喜报标题，喜报内容，图片文件，报喜人，联系方式，所在区县
界面原型设计
❖有线要牵
功能设计：用户通过点击微信公共号自定义菜单，可以进入到有线要牵的信息填写界面，主要包括内容有：牵线标题，牵线内容，相关资料电子文档，联系人，联系方式，所在区县
界面原型设计
❖提示界面
功能设计：提交后，需要提示用户相关信息，以便用户知道后续如何关注自己提交的话题
界面原型设计
注：以上三个功能如果是用户登录并且完善了个人资料，则将联系人、联系方式、所在区县自动填充到相应的输入框中，减少用户输入，提高用户体验。

温州侨讯
❖侨界资讯
功能设计：用户点击侨界资讯，给用户返回侨界资讯列表，用户可以点击自己喜欢的文章进行阅读
❖项目投资
功能设计：用户点击项目投资，给用户返回项目投资资讯列表，用户可以点击自己喜欢的文章进行阅读
❖创业机会
功能设计：用户点击创业机会，给用户返回创业机会资讯列表，用户可以点击自己喜欢的文章进行阅读
界面设计1-列表界面
界面设计2-文章详情
个人服务
系统在用户关注侨联微信公共号的同时，为用户创建一个账号，用户可以进行如下操作
❖资料完善
功能设计：用户点击资料完善，进入微信授权登录页面，经过用户授权后，进入信息完善界面，用户可以输入自己所在的区县、联系电话、电子邮箱、姓名等个人信息。

界面原型设计
❖服务查询
功能设计：用户点击服务查询，进入用户的咨询、建议、投诉、牵线等事务的处理进度列表界面，点击事务，可以查看处理详情，包括当前处理进度，处理结果，处理人及联系方式。

界面原型设计
❖消息中心
功能设计：系统及时向用户发送短信或邮件，提示用户当前进度
❖联系我们
提供侨联联系方式，电子邮箱或客服电话，可以直接在微信上进行客服电话的拨打3.2.2.后台管理系统
后台管理系统主要给网站运营人员及各个区县的服务处理人员使用，主要包括以下功能❖内容发布
功能设计：后台管理人员通过该功能发布图文消息，系统调用微信图文发布接口，进行信息发布时，选择发布的内容所属板块
界面原型设计-列表
界面原型设计-内容
❖资讯审核
功能设计：该功能主要包括两部分内容的审核，一个审核是对资讯文章内容的审核，审核通过后，方可进行发布，用户点击文章可以查看详情，即上图的发布界面，查看文章内容及图片
界面设计1-列表
❖资料审核
功能设计：对于用户发出的牵线搭桥需求，通过对内容的编辑和资料审核，完成在微网站上的发布
界面原型设计-列表
界面原型设计-审核界面
❖投诉处理
功能设计：对用户的投诉、意见等信息进行处理，并设定是否在微网站显示，如果设置为显示，则使用内容发布功能将文章发布
列表界面
略
回复界面
❖咨询回复
功能设计：对用户的咨询进行回复，回复后，系统自动将消息发送给用户，用户可以在个人服务中进行查询
界面同上
❖消息发送
功能设计：处理客户提交的事务时，每一步都要提醒相关人员，同时有新的需求或投诉时，也要提醒管理人员
❖系统用户
功能设计：预制网站后台超级管理员，然后由该人创建网站管理员，主要包含内容：账号，密码，姓名，所辖区县
❖分级权限
功能设计：管理员为不同的系统用户分配权限
❖客户管理
功能设计：查询查看微网站用户
❖日志记录
功能设计：后台自动记录每次事务的处理过程，便于事后倒查
❖其他设置
功能设计：可以设置一些网站的基本信息，例如网站模块，微信自定义菜单，区县管理等
❖数据字典设计
网站用户表（略）
系统用户表（略）
系统角色表（略）
系统常量表（略）
网站文章表（略）
文章图片关联表（略）
客户事务表（略）
事务资料关联表（略）
4.费用预估
需求调研：工作量预估：1人月
系统设计：工作量预估：1人月
系统开发：工作量预估：4人月
测试及上线：工作量预估：1.5人月硬件费用：请参考阿里云硬件申请服务服务器域名费用：请参考域名申请服务短信费用：实际根据短信发送数量确定。