移动集团业务管理系统的前端设计与开发(源码)【字数：8040】
摘 要随着全业务运营时代的到来，市场需求模式将发生根本性变化，集团客户成为通信运营商争夺的焦点。所以对于中国移动来说，研究全业务运营时代集团客户市场营销策略显得尤为重要。目前，上海移动尚缺乏面向集团类客户业务的移动端电子渠道，并且老的集客掌厅前端页面陈旧、页面交互性差。因此本论文针对集团业务管理系统页面进行升级改造，全面改版网站页面，梳理集团业务管理系统的业务流程。利用HTML5+CSS3、jQuery.js等前端技术对前端页面进行全新设计，实现响应式页面。运用Ajax、Arttemplate模板等技术提高响应速度。系统为客户提供全面的自助服务或半自助服务，同时也提高了业务处理的效率。解决了用户操作响应慢、交互性等多个问题。
目 录
第一章 绪论 4
1.1研究背景 4
1.2研究现状 4
1.3研究内容 5
1.4论文的组织结构 5
第二章 相关技术 5
2.1前端技术及响应式页面 5
2.2 AJAX异步通信 7
2.3 ARTTEMPLATE JS引擎模板 7
第三章 系统简介与前端需求分析 7
3.1集团业务管理系统简介 7
3.2用户群分析 8
3.3用户功能需求 8
3.4用户界面需求 9
第四章 系统前端设计 10
4.1页面响应式设计 10
4.2页面框架设计 10
4.3页面样式及图标设计 13
4.4前端页面异步加载代码设计 15
第五章 系统实现与测试 16
5.1页面响应式实现 16
5.2页面交互效果实现 18
5.3页面样式及图标实现 20
5.4前端页面代码实现 21
5.5系统整体测试 23
结束语 25
致 谢 26
参考文献 27
第一章 绪论
1.1研究背景
随着全业务运营时代的到来，市场需求模式将发生根本性变化，市场关注点将聚焦于内容、应用和体验。这种巨大的变化也给运营商 *好棒文|www.hbsrm.com +Q: ￥351916072$
带来了业务、技术、网络和市场变革等方面的挑战，同时也给个大运行时带来了广阔商机。
集团客户一直以来都是通信运营商争夺的焦点,特别是在通信这种规模效应非常显著的行业里。由此看来，集团客户的稳定和发展对于运营商的整个市场竞争地位具有非常重要的影响。
虽然在十多年的市场发展过程中，中国移动的集团客户营销策略和集团业务产品推广取得了一定的效果，但在当前的全业务竞争环境下，集团客户市场仍然存在很多的短板和面临严峻的挑战，尤其在集团客户的体系机构建设、人员配置、全业务产品开发、关系营销、集团客户数据信息挖掘、后台支撑等方面不仅难以有效满足竞争需要，更相比竞争对手还存在一定的差距。
1.2研究现状
随着全业务时代的竞争序幕逐渐拉开，各大运营商已采取各种营销策略和方案发展集团业务。而单从集团客户领域来说，移动通信的集团业务目前还处于发展期，在集团客户市场的竞争力相对薄弱。因此研究集团业务的发展战略是十分重要和必要的。
近年来，各大运营商也都将注意力转移到集团业务上，并且不断加大对集团业务的投入力度，都希望能在集团客户的市场上找到收入增长点。但是一个完善的集团业务管理系统很缺少，根据目前形势，开发和完善集团业务管理系统是当务之急。
目前，上海移动已建设面向个人类业务的微信营业厅、支付宝营业厅、手机APP等多个移动端电子渠道，尚缺乏面向集团类客户业务的移动端电子渠道。上海移动已有的集客掌厅前端页面也比较陈旧，业务功能不完善、用户交互性差等也极大影响了集团客户的发展速度。因此，运用已有的后台支撑能力全面改造前端页面、优化完善系统功能对发展集团客户有着十分重要的意义。
1.3研究内容
上海移动集团业务管理系统是专门为上海集团客户设计的一个集团业务办理的后台管理系统，主要角色分为：管理员、业务处理员，实现多级别多层次的对系统进行管理。系统包含了业务管理子系统、订单管理子系统、财务管理子系统等多个模块，为客户提供全面的自助服务或半自助服务，同时也提高了业务处理的效率。
本次研究是对集团业务管理系统页面进行升级改造：全面改版网站页面，梳理集团业务管理系统的业务流程，主要研究内容如下：（1）由于已有的集团业务管理系统只支持PC不支持移动端，所以页面响应式设计是研究的重点之一。（2）因为以前的界面色调不统一，所以界面的颜色、按钮、字体排版等也是本次论文研究内容。（3）已有的系统也出现了交互不友好、操作相应慢等多个问题，因此增强页面交互性，解决操作相应慢的问题也是研究的重点。
1.4论文的组织结构
本篇论文结构如下：
第一章 绪论 ：主要介绍了课题研究背景、国内外研究现状、研究目的及主要内容。
第二章 相关技术与设计原则：主要介绍了前端技术及响应式页面、Ajax异步通信、Arttemplate高性能JS模板引擎。
第三章 系统简介与需求分析：主要研究系统整体框架，用户群分析以及用户需求。
第四章 系统前端设计：主要介绍页面框架设计，页面样式和交互设计，以及响应式页面设计。
第五章 系统实现与测试：主要展示系统实现效果以及在开发过程中的自测。
第二章 相关技术
2.1前端技术及响应式页面
响应式WEB交互设计的目的是一个网站能够兼容多个终端，页面能够自动配适显示设备。具体的实现方式由多方面组成，包括弹性布局、CSS、网站框架等。下面我们来介绍几个常用的响应式页面常用技术。
（1）Media Query用于根据不同分辨率尺寸调整相应样式。现在市面上基于IOS系统平台和Android系统平台的移动设备占大多数，同时他们的自带浏览器内核都为Webkit内核，所以我们可以使用Viewport属性和Media Query技术实现网站的响应式交互。这种方法能够非常方便的实现基准字号fontsize在不同分辨率下显示完全，不会出现阅读困难。
目 录
第一章 绪论 4
1.1研究背景 4
1.2研究现状 4
1.3研究内容 5
1.4论文的组织结构 5
第二章 相关技术 5
2.1前端技术及响应式页面 5
2.2 AJAX异步通信 7
2.3 ARTTEMPLATE JS引擎模板 7
第三章 系统简介与前端需求分析 7
3.1集团业务管理系统简介 7
3.2用户群分析 8
3.3用户功能需求 8
3.4用户界面需求 9
第四章 系统前端设计 10
4.1页面响应式设计 10
4.2页面框架设计 10
4.3页面样式及图标设计 13
4.4前端页面异步加载代码设计 15
第五章 系统实现与测试 16
5.1页面响应式实现 16
5.2页面交互效果实现 18
5.3页面样式及图标实现 20
5.4前端页面代码实现 21
5.5系统整体测试 23
结束语 25
致 谢 26
参考文献 27
第一章 绪论
1.1研究背景
随着全业务运营时代的到来，市场需求模式将发生根本性变化，市场关注点将聚焦于内容、应用和体验。这种巨大的变化也给运营商 *好棒文|www.hbsrm.com +Q: ￥351916072$
带来了业务、技术、网络和市场变革等方面的挑战，同时也给个大运行时带来了广阔商机。
集团客户一直以来都是通信运营商争夺的焦点,特别是在通信这种规模效应非常显著的行业里。由此看来，集团客户的稳定和发展对于运营商的整个市场竞争地位具有非常重要的影响。
虽然在十多年的市场发展过程中，中国移动的集团客户营销策略和集团业务产品推广取得了一定的效果，但在当前的全业务竞争环境下，集团客户市场仍然存在很多的短板和面临严峻的挑战，尤其在集团客户的体系机构建设、人员配置、全业务产品开发、关系营销、集团客户数据信息挖掘、后台支撑等方面不仅难以有效满足竞争需要，更相比竞争对手还存在一定的差距。
1.2研究现状
随着全业务时代的竞争序幕逐渐拉开，各大运营商已采取各种营销策略和方案发展集团业务。而单从集团客户领域来说，移动通信的集团业务目前还处于发展期，在集团客户市场的竞争力相对薄弱。因此研究集团业务的发展战略是十分重要和必要的。
近年来，各大运营商也都将注意力转移到集团业务上，并且不断加大对集团业务的投入力度，都希望能在集团客户的市场上找到收入增长点。但是一个完善的集团业务管理系统很缺少，根据目前形势，开发和完善集团业务管理系统是当务之急。
目前，上海移动已建设面向个人类业务的微信营业厅、支付宝营业厅、手机APP等多个移动端电子渠道，尚缺乏面向集团类客户业务的移动端电子渠道。上海移动已有的集客掌厅前端页面也比较陈旧，业务功能不完善、用户交互性差等也极大影响了集团客户的发展速度。因此，运用已有的后台支撑能力全面改造前端页面、优化完善系统功能对发展集团客户有着十分重要的意义。
1.3研究内容
上海移动集团业务管理系统是专门为上海集团客户设计的一个集团业务办理的后台管理系统，主要角色分为：管理员、业务处理员，实现多级别多层次的对系统进行管理。系统包含了业务管理子系统、订单管理子系统、财务管理子系统等多个模块，为客户提供全面的自助服务或半自助服务，同时也提高了业务处理的效率。
本次研究是对集团业务管理系统页面进行升级改造：全面改版网站页面，梳理集团业务管理系统的业务流程，主要研究内容如下：（1）由于已有的集团业务管理系统只支持PC不支持移动端，所以页面响应式设计是研究的重点之一。（2）因为以前的界面色调不统一，所以界面的颜色、按钮、字体排版等也是本次论文研究内容。（3）已有的系统也出现了交互不友好、操作相应慢等多个问题，因此增强页面交互性，解决操作相应慢的问题也是研究的重点。
1.4论文的组织结构
本篇论文结构如下：
第一章 绪论 ：主要介绍了课题研究背景、国内外研究现状、研究目的及主要内容。
第二章 相关技术与设计原则：主要介绍了前端技术及响应式页面、Ajax异步通信、Arttemplate高性能JS模板引擎。
第三章 系统简介与需求分析：主要研究系统整体框架，用户群分析以及用户需求。
第四章 系统前端设计：主要介绍页面框架设计，页面样式和交互设计，以及响应式页面设计。
第五章 系统实现与测试：主要展示系统实现效果以及在开发过程中的自测。
第二章 相关技术
2.1前端技术及响应式页面
响应式WEB交互设计的目的是一个网站能够兼容多个终端，页面能够自动配适显示设备。具体的实现方式由多方面组成，包括弹性布局、CSS、网站框架等。下面我们来介绍几个常用的响应式页面常用技术。
（1）Media Query用于根据不同分辨率尺寸调整相应样式。现在市面上基于IOS系统平台和Android系统平台的移动设备占大多数，同时他们的自带浏览器内核都为Webkit内核，所以我们可以使用Viewport属性和Media Query技术实现网站的响应式交互。这种方法能够非常方便的实现基准字号fontsize在不同分辨率下显示完全，不会出现阅读困难。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/323.html
