赢发彩票代理

上海代写论文网专业提供代写毕业论文、代写本科论文服务

赢发彩票代理相关的文章推荐

联系方式
基于HTML5+Bootstrap模式的响应式企业网站设计
发布时间:2020-01-22

  摘    要: 随着信息技术的高速发展,企业因自身和客户的需求对网站的个性化需求越来越高,同时,由于用户端设备的“弹性”和满足用户体验,企业网站必须实现响应式网页设计。通过阐述现代企业网站的功能和需求,分析网站界面设计、系统的前端功能设计和后台管理系统设计等,基于“NodeJS+MongoDB”开发模式,实现了响应式企业网站,在满足企业个性化需求的同时,不断提高用户体验和网站的开发效率。

  关键词:赢发彩票代理 HTML5; NodeJS; MongoDB; Bootstrap; 企业网站;

  0、 引言

  SUIZHEXINXIJISHUDEGAOSUFAZHAN,SHUZIHUA、XINXIHUADEWANGLUOJISHUYIJINGBEIGENGDUODERENJIESHOUBINGRONGRULEWOMENDERICHANGSHENGHUOHEGONGZUO。QIYEYEYUELAIYUEDUODIYAOHEWAIJIEJINXINGXINXIGOUTONG,TONGGUOBUTONGDEKEHUDUANZHANSHIZIJIDEYINGFACAIPIAODAILIHEFENGCAI。JINJINIANXINGQIDEHTML5,YITALIANGHAODEYONGHUTIYAN、YANJINQINGXIDEDAIMAJIEGOU、BIANJIEDEWEIHUGUANLI、KUAPINGTAIKAIFAJIJIAODIDEKAIFACHENGBENDENGYOUSHIBUDUANMANZUQIYEWANGZHANDEGEZHONGXUQIU。

赢发彩票代理   RUJIN,LIYONGYIDONGSHEBEIFANGWENQIYEWANGZHANDEPINLVYUANYUANGAOYUCHUANTONGDEPC,CHUANTONGDEWANGZHANKAIFAJISHUYOUNANYUJIANRONGSUOYOUDEYIDONGSHEBEICHICUN,QIYEWEILEZAIBUTONGDEYIDONGSHEBEISHANGDOUNENGWANMEIDEZHANSHIZIJIDEYINGFACAIPIAODAILI、FABUCHANPINXINXIHEQIYEDONGTAI、YOUHUAYUYONGHUDEJIAOHUGUOCHENG,KAISHIZHONGXINGOUJIANJIYUHTML5+BootstrapMOSHIDEXIANGYINGSHIWANGZHAN。ZHEIYANGBUJINGENGJIAZHIGUANDEZHANSHIXINXIJIYONGHU,ERQIEJIAQIANGLEYONGHUGOUTONG,TISHENGYONGHUTIYAN[1,2]。

  1、 系统开发的相关技术

赢发彩票代理   GAIXITONGSHEJIYUYANCAIYONGNodeJS,XITONGKUANGJIACAIYONGExpressJISHU,SHUJUKUKAIFACAIYONGMongoDB。XITONGZHICHIWindows、LinuxHEMacOSDENGXIANZAILIUXINGDEZHUYAOXITONG。NodeJSSHIYIGEJIYUChrome JavaScriptYUNXINGSHIJIANLIDEKAIFAPINGTAI,XIANGYINGSUDUKUAI、YIYUKUOZHAN,SHIYONGSHIJIANQUDONG,FEIZUSAII/OMOXING,FEICHANGSHIHEZAIFENBUSHISHEBEISHANGYUNXING。ExpressSHIYIGEJIYUNodeJSPINGTAIDEJIANDANLINGHUODEwebYINGYONGKAIFAKUANGJIA,TATIGONGYIXILIEQIANGDADETEXING,BANGZHUCHUANGJIANGEZHONGWebHEYIDONGSHEBEIYINGYONG。ERMongoDBSHIXIANJINZUILIUXINGDEYILEINoSQLSHUJUKU,JUYOUCAOZUOJIANDAN、XINGNENGGAODENGTEDIAN。

  1.1、 HTML5[3,4]

  SUIZHEYIDONGHULIANWANGDEFEISUFAZHAN,MUQIANhtml5JISHUYEDEDAOLEBUDUANDEWANSHAN,KAIFAJISHUFANGMIANYUELAIYUECHENGSHULE,CHENGWEILEMUQIANZHULIUDEKAIFAYUYANZHIYI。

  HTML5可以实现移动开发、游戏开发、跨浏览器开发等多平台开发任务,它能够支持音视频,具有清晰的代码结构,可实现更好的互动体验。这一前端开发主流语言技术将会被越来越多的个人开发者或者企业开发商所青睐。
 

基于HTML5+Bootstrap模式的响应式企业网站设计
 

  1.2、 NodeJS

  NodeJS[5]SHIYIGEKEYIKUAISUGOUJIANWANGLUOFUWUJIYINGYONGDEPINGTAI。ZUOWEIJavaScriptFUWUDUANDEKAIFAPINGTAI,KAIFAJIANDAN、YIYUKUOZHAN。TONGSHI,YOUYUNodeJSJUYOUSHIJIANQUDONG,YIBU、FEIDUSAII/O,DANXIANCHENGDENGYOUSHI,YINCIZAIKAIFAGAOBINGFAWANGLUOFUWUSHI,XINGNENGFEICHANGCHUZHONG;NodeJSZHANYONGXITONGZIYUANSHAO,YUNXINGCHENGBENDI;NodeJSDUIGoogleV8[6]YINQINGJINXINGLEFENGZHUANG,ZHIXINGJavaScriptDESUDUKUAI、XIAOLVGAO。

  1.3、 MongoDB

  MongoDB[7]SHIYIGEJIYUFENBUSHIWENJIANCUNCHUDENoSQLSHUJUKU,YOUC++BIANXIEDE,CUNCHUSHUJUFANGBIAN、XINGNENGGAO[8]。

  2、 系统分析

  2.1、 可行性分析

  (1)JISHUKEXINGXING[10]:BENXITONGZHICHIWindows、LinuxJIMacOSDENGDUOPINGTAIDAJIANXITONG;SHUJUKUCAIYONGNoSQL——MongoDB,BINGLIYONGmongooseLAIGUANLISHUJUKU,BIMIANLEsqlYUYANDEZHIJIEJIECHU;KUANGJIASHIYONGexpress;QIANDUANSHEJILIYONGjadeMOBANYINQINGJIEHEbootstrapYANGSHI,JIANHUADAIMADETONGSHI,JIEMIANGENGJIAMEIGUAN,GENGJIARENXINGHUA,YINCI,CONGJISHUSHANGLAISHUOSHIXIANGDUIRONGYISHIXIANDE。

赢发彩票代理   (2)JINGJIKEXINGXING:YOUYUXUANZEDEKAIFAGONGJUHEFUWUQIKEYISHIYONGMIANFEIDEKAIYUANRUANJIAN,YINCI,BENXITONGZAIJINGJISHANGTOURUDI,XITONGJIANCHENGHOU,JIANGWEIYINGFACAIPIAODAILIHECHANPINXUANCHUANTIGONGHENDADEFANGBIAN[9]。

  2.2、 需求分析

赢发彩票代理   GENJUXIANGGUANDIAOYANJIQIYEWANGZHANDEXUQIUFENXI[11],FAXIANMUQIANQIYEWANGZHANBAOHANDENEIRONGZHUBUZENGDUO,SHIDEWANGZHANDEZHUYAOZHANXIANDENEIRONGDEDEBUDAOCHONGFENDEZHANSHI,BENXITONGZHUYAOTONGGUODUICHUANTONGDEQIYEWANGZHANDEJIANHUA,SHIXIANYINGFACAIPIAODAILI、QIYEJINGSHENJIXIANGGUANTUCHUXINXIDEZHONGDIANZHANSHIYUXUANCHUAN。

  3、 系统前端功能设计与实现

  3.1、 前端结构与布局设计[12]

赢发彩票代理   BENWANGZHANZHUYAOYONGYUQIYEDEWENHUAHECHANPINZHANSHI、XINXIHEDONGTAIFABU、GONGSIZHAOPINDENGGONGNENG。JUTIDEGONGNENGMOKUAIFENWEIWANGZHANYINGFACAIPIAODAILI、CHANPINZHANSHI、PINPAIGUSHI、ZUIXINDONGTAI、TUANDUIJIESHAOHELIANXIWOMENDENG6GEGONGNENGMOKUAI,MEIGEGONGNENGMOKUAIFENWEIJIGEXIAODEGONGNENGMOKUAI[13],GONGNENGMOKUAIRUTU1SUOSHI。

  3.2、 系统分层开发

  WEILEJIANGDIKAIFACHENGBEN,TIGAOKAIFAXIAOLV,ANZHAOQIYEWANGZHANGONGNENGMOKUAIDEHUAFEN,XITONGKAIFAANGONGNENGMOKUAIFENCENGKAIFA。ZHENGGEKAIFAGUOCHENGDAZHIFENWEI:DAJIANZONGTIJIEGOU,SHEJIMOKUAI,ZHIZUOYEMIANSHEZHI,DAJIANDICENGJSJIAOBEN[14],SHEJIJSJIAOHUXIAOGUO,NEIBUCESHI,YOUHUADAIMADENG。

  3.3、 编写系统代码

  ZAIBIANXIEXITONGDAIMASHI,ANZHAOGONGNENGMOKUAIDEKAIFACIXU,XIANBIANXIEHTMLBUJU,ZAIJINXINGCSSDEKAIFA。

  3.4、 系统内部测试及后期优化

赢发彩票代理   QIANDUANCESHI[15],XIANDUIYEMIANXIAOGUOHESHEJITUJINXINGBIDUI,ZHUBUYOUHUAYEMIANXIJIE。ZAILIYONGBUTONGCHICUNHEGUIGEDESHEBEI,CHAKANYEMIANDEJIANRONGXING。ZUIHOUZAIJINXINGDAIMAYOUHUA,TIGAOFANGWENSUDU。

  图1 企业网站前端模块划分图
图1 企业网站前端模块划分图

  4、 系统后台管理系统的设计与实现

  4.1、 系统管理界面功能设计

  XITONGHOUTAIGUANLIXITONGZHUYAOSHIDUIQIANDUANYEMIANZHANSHINEIRONGDEJISHIGENGXIN,HAIYOUGONGSIXIANGGUANGUANLIRENYUANDEQUANXIANDESHEZHIGUANLI。ZHUYAOGUANLIDEMOKUAIYOU:GUANLIYUANQUANXIAN、ZHIWUGUANLI、BANGONGHUANJING、CHANPINGUANLI、XINWENFABUDENG,YEMIANBUJUCAIYONGDANGQIANBIJIAOLIUXINGDEBIANPINGHUAQUSHI[16],JIANJIEMINGLEDEZHANSHIYEMIANDEZHUYAOGUANLIGONGNENG。

  4.2、 系统数据库的搭建

  BENXITONGSHUJUKUCAIYONGNoSQL—MongoDB[17]YUNXING,GUANLILIYONGmongooseLAISHIXIAN,BUXUYAOSHIYONGsqlYUYANJINXINGZHIJIEJIECHU。MongoDBSHIYIGEJIYUFENBUSHIWENJIANCUNCHUDENoSQLSHUJUKU,YOUC++BIANXIEDE,CUNCHUSHUJUFANGBIAN、XINGNENGGAO。BENXITONGZHUYAOCHUANGJIANDEBIAO,JUTIRUBIAO1SUOSHI。

  表1 网站数据库设计及其功能
表1 网站数据库设计及其功能

  5、 结束语

赢发彩票代理   BENWENZHUYAOYANJIULEXIANDAIQIYEWANGZHAN[18]DEXITONGXUQIUFENXI、XITONGQIANDUANGONGNENGSHEJI、HOUTAIGUANLIXITONGSHEJIHESHUJUKUSHEJIDENG,JIYUNodeJS+MongoDB,LIYONGHTML5+BootstrapJISHUSHIXIANLEXIANGYINGSHIQIYEWANGZHAN。GAIWANGZHANJIEMIANJIANJIE、GONGNENGWANSHAN,KUAPINGTAIXINGHAO,XIANGYINGSUDUKUAI,YONGHUTIYANLIANGHAO,KEYIBUDUANTISHENGQIYEXINGXIANG、JIAQIANGYINGFACAIPIAODAILIXUANCHUAN、TUIGUANGPINPAICHANPIN、TIGAOQIYEZHIMINGDUTUIGUANG,WEIQIYEZUOQIANGZUODADIANDINGLELIANGHAODEJICHU。

  参考文献

  [1]舒后,熊一帆,葛雪娇.基于Bootstrap框架的响应式网页设计与实现[J].北京印刷学院学报,2016.2:47-52.
  [2]季嘉明.基于Bootstrap+SSI的跨平台企业管理系统的设计与实现[D].东华大学硕士学位论文,2015.
  [3] Ravulavaru A. Learning Ionic-Build Hybrid Mobile Applications with HTML5[M]. Packt Publishing, 2017.
  [4] Sanoja A, Gan?arski S. Block-based Migration from HTML4Standard to HTML5 Standard in the Context of Web Archives[C]//Sctc. 2017.
  [5] Liang L, Zhu L, Shang W, et al. Express supervision system based on NodeJS and MongoDB[C]//Ieee/acis, International Conference on Computer and Information Science. IEEE, 2017.
  [6]袁文亮.基于NodeJS快速构建小型推特系统[J].电脑迷,2017(1).
  [7] Francia S. MongoDB and PHP-O’Reilly Media Free, Live Events[J]. 2017.
  [8]Li C, Gu J. A SQL transformation model of MongoDB based on ANTLR[J]. Xibei Gongye Daxue Xuebao/journal of Northwestern Polytechnical University, 2017, 35(1):143-147.
  [9]吴尚宇,熊英.基于NodeJS的校园失物招领系统[J].电脑迷, 2016(4).
  [10]周彩阳.图书馆服务器虚拟化技术可行性分析[J].图书馆论坛, 2008, 28(3):65-67.
  [11]王秀超,缪炜恺,王以松,等.一种面向列车车载控制软件的需求分析方法[J].计算机工程, 2017, 43(7):48-53.
  [12]杨颖.校园OA系统前端用户界面设计与实现[J].福建电脑, 2017, 33(4):142-144.
  [13]宋官民,王宁宁,申士杰. Web前端的发展趋势[J].江西建材, 2017(2):250-250.
  [14]王伟,郝军启,唐有明.精通JS脚本之jQuery框架[M].化学工业出版社, 2011.
  [15]朱晓敏.软件测试的相关技术应用研究[J].电子测试,2017(1):122-123.
  [16] 谢建华.基于Bootstrap技术的企业网站设计与实现[J].计算机时代, 2017(8).
  [17] Francia S. MongoDB and PHP-O’Reilly Media Free, Live Events[J]. 2017.
赢发彩票代理   [18]陈莲莲,张岩,张永华,等.基于B/S模式的企业网站的设计与实现[J].电脑知识与技术:学术交流, 2015,11(11X):16-18.

对应分类:
下一篇:没有了
版权所有:上海论文网专业权威的论文代写、论文发表的网站,秉承信誉至上、用户为首的服务理念,服务好每一位客户
本站部分论文收集于网络,如有不慎侵犯您的权益,请您及时致电或写信告知,我们将第一时间处理,邮箱:shlunwen@163.com