企业宣传展示系统的设计与实现

发布时间：2020-09-15 08:40

　　随着互联网的快速发展,企业对外宣传推广的空间得到了极大的扩充。本课题在中小型企业的宣传展示系统的设计与实现上进行了研究,本课题的主要目的是设计实现一个适用于北京友皆乐通信技术有限公司的宣传展示系统,以解决该公司日常对外信息发布、产品推广展示方面的需求,力求达到系统性能良好、功能方便易用、安全可靠的效果,于此同时发挥软件工程的思想对软件项目开发实践起到的良好指导性作用。本文设计并实现了一个基于B/S结构的适用于北京友皆乐通信技术有限公司的企业宣传展示系统,主要使用了JavaWeb、AngularJS、MongoDB等技术。本文首先进行系统需求分析,提出友皆乐企业宣传展示系统所支持的主要业务:企业资讯对外展示、企业资讯内容管理、内容模型管理、用户账户与社交功能、第三方软件接口功能等,并进行细化分解,整理数据流图。然后设计系统的体系结构:采用B/S结构和MVC相结合的模式,将系统划分为用户接口层、核心业务层和数据持久层三层体系结构;并将系统划分为前端主页模块、后端管理模块、附件存储模块、API模块等4个子系统,而各个子系统均由前端逻辑层、路由层、动作层、业务层组成。然后设计模块之间的接口,整理ER图并详细设计基于MongoDB这一非关系型数据库的文档存储结构。接着,对系统各子模块分析设计详细功能,设计界面布局、类、和程序时序。接着,介绍系统的实现,给出关键的程序流程图和关键代码,并展示系统运行效果的截图。随后,介绍本系统的部署,并设计测试用例,进行测试,对测试结果进行分析。最后,对本文进行总结,提出进一步的改进方向。
【学位单位】：哈尔滨工业大学
【学位级别】：硕士
【学位年份】：2018
【中图分类】：TP311.52
【部分图文】：

详情,产品信息,主页,控制台

图 4-2 主页、游戏产品信息详情页截图图 4-3 资讯文章列表页、家长监护页面截图4.2 后台管理模块功能实现本模块基于详细设计展开各个子模块的实现，主要工作分为前端实现和后端实现。前端方面工作是基于 AngularJS + UI-Router 编写各种状态，后端工作是编写控制台的入口、实现动态内容表单项模板生成功能。控制台的搭建

资讯,家长,页面,后端

- 66 -图 4-3 资讯文章列表页、家长监护页面截图4.2 后台管理模块功能实现本模块基于详细设计展开各个子模块的实现，主要工作分为前端实现和后端实现。前端方面工作是基于 AngularJS + UI-Router 编写各种状态，后端工作是编写控制台的入口、实现动态内容表单项模板生成功能。控制台的搭建后端路由规则代码如下：

绑定,数组,视图,效果

结束报错：未支持该类型图 4-6 输出表单项子流程端生成出表单 html 后，在前端由 AngularJS 进行解析，得到文M），通过数据双向绑定机制，前端逻辑通过$scope 访问用户输内容数据。以上就完成了内容表单生成的全部工作。前端除了使用了 input、textarea 等基本的 html 元素，还用了一gularJS 指令，如 imgModel、itemArray、checklistModel 等。端的 imgModel 指令用于上传图片文件。使用该指令会在页面预览区、上传按钮、URL 地址、标题文本框、描述文本框，其中题文本框、描述文本框与$scope 中的数据双向绑定。点击左下”图标来选择文件进行上传，或者将文件拖拽到该按钮上也可指令使用开源的 ng-file-upload 模块的 Upload 服务来调用 API 接口来上传文件，文件上传进度会显示在“文件上传”按钮背传成功后，文件 URL、缩略图会在相应位置显示出来，效果见

【参考文献】