高校多终端内容管理系统设计和实现.docVIP

高校多终端内容管理系统设计和实现 　　摘 要：当前大部分高校使用的内容管理系统无法很好地同时支持PC版、WAP版和手机APP版，通常这三个版本采用三套独立的管理系统，内容建设维护成本高，内容信息在各版本之间共享困难且较难与微信公众号和微博对接。本文提出一种基于HTML5页面自适应和APP打包等技术的多终端一体化内容管理系统架构，基于该架构实现的内容管理系统在西北大学中投入使用并实现对50个院系网站的管理，大大降低了内容管理系统建设及维护成本，较好地实现对各类终端的支持，对其他高校具有实际参考价值。 　　关键词：多终端；多站点；内容管理系统；Ionic 　　中图分类号：TP311 文献标志码：A 文章编号：1673-8454（2017）15-0059-04 　　一、引言 　　据中国互联网信息中心《第37次中国互联网络发展状况统计报告》显示：截至2015年12月，中国网民规模达6.88亿，其中手机网民规模达6.20 亿，占总量的90.1%。[1]而截至2016 年 6 月（第38次），中国网民规模达7.10亿，其中手机网民规模达6.56亿，占总量的 92.5%。移动网民数量巨大，所占比例也在增长。而高校的信息发布系统大多仍停留在PC端，为了实现基于移动端的访问，往往会另行购买移动版系统，网站建设成本增大。同时，随着移动终端和网络的发展，出现了各种移动端技术，比如专注于PC和移动自适应的框架Bootstrap、打包HTML5应用的Cordova等。本文利用上述技术，设计了一套内容管理系统，实现了多站点信息统一发布，并且信息一次发布即可同时在PC、WAP、客户端浏览。 　　当今高校的内容管理系统具有同一性，即每个内容管理系统的功能相近，结构一致。并且往往一所高校不止使用一个内容管理系统，包括高校主站和其各下级单位，经常使用不同的系统。使用传统的内容管理系统不仅管理不便，而且大多在移动端都没有良好的效果。 　　现阶段，国内外已经有很多成熟的内容管理系统，而且有很多开源版的系统免费使用，如国外的Wordpress、 Drupal，国内的OneThink等。但开源版为兼容性考虑，大多功能有限，需要二次定制开发。而单独开发系统成本会比较大。 　　二、多终端内容管理系统设计 　　1.目标 　　通过对高校现有的内容管理系统和预期的结果分析，系统需要实现的主要功能有：一是多终端的内容浏览，包括PC端、WAP端和APP端；二是多站点的内容发布，站点之间的内容应该独立存在；三是多站点的管理。 　　2.功能设计 　　PC/WAP/APP多终端内容浏览：对于PC和WAP站点而言，需要保证网页在PC端大屏幕的效果，同时需要兼容手机端浏览器的小屏幕浏览。而对于APP的内容浏览，则可以重新设置效果和布局，使其更接近于手机应用。 　　多站点内容发布：将用户与站点关联起来，用户（角色设置为内容发布者）登录后可以直接在该用户所管理的站点发布文章。 　　站点管理：网站管理员可以对站点和用户进行操作，为角色设置权限，指定用户的站点和角色。 　　3.数据库设计 　　由于多站点的支持，系统需要使用多个库，站点的基础数据库见图1（只列出了基本的数据表）。每创建一个站点，根据规则新建一个库，保存站点的文章信息和配置信息等，站点数据库见图2。 　　4.开发语言与运行环境 　　本系统采用LNMP架构，即Linux操作系统，Nginx作为Web服务器，MariaDB 10.0.26作为数据库，PHP作为开发语言。PC站的开发使用传统的HTML语言，WAP站开发使用自适应的HTML5框架Bootstrap，APP开发使用Ionic框架，其包含了Cordova打包工具和AngularJS逻辑以及基本的界面。全部使用开源技术降低了系统开发的成本，同时提升了系统的扩展性。 　　5.基本流程说明 　　PC/WAP网站访问流程：在PC端或手机端输入网址后，浏览器发送HTTP请求到服务器，系统根据域名获取站点的ID，创建该站点对应的数据库实例，同时系统根据客户端的类型判断PC和WAP站点，分配不同的模板路径。后台查询数据之后根据不同的模板路径生成HTML文件，返回到客户端，由客户端渲染页面。 　　APP访问流程：打开手机应用之后，应用会检查网络情况，网络良好则更新菜单，否则显示默认或缓存的菜单，之后根据用户操作向服务器请求文章列表，系统接受到请求，处理后返回数据，手机应用解析数据渲染页面。 　　文章发布流程：文章编辑者登录网站后台，系统根据用户ID获取站点的ID，用户即可在该站点下操作，系统根据操作类型更新数据库和数据缓存等。 　　具体流程见图3。 　　三、基于Ionic的App打包技术研究 　　PC端和WAP端的开发比较简便，也已经有成熟的开发思