基于vue+Element+nodejs+mongoDB的企业官网及后台系统设计与实现.doc

PAGE

基于Vue+Element+nodeJs+MongoDB的企业官网及后台系统设计与实现

摘要：在新世纪，Internet已经成为人类别的必需品之一，使人们获取世界各地的信息更加迅速便捷。特别是HTML5、CSS3和三大主流框架的快速发展，推动社会信息化、数字化的快速发展，企业的网站建设是企业信息化的重要表现之一，这使得企业官网已经是每一个企业的刚需，通过官网能使外界更快速便捷的了解本公司，也是展示自身的平台，而随之而来的是网站的维护和管理。所以官网+后台是一个企业建设官方网站必需品。

本文以可以跨越移动端、平板和PC端的企业官网和官网的后台管理系统为开发目标，通过vue框架和Element组件库来开发响应式官网，使用flex弹性布局和@media来实现官网的跨设备可观看；使用vue、Element和avue来开发后台管理系统；用nodejs+MongoDB来开发官网和后台的接口和数据库。此次设计主要面向中小企业，为企业提供一个充分展示自己的产品、理念、实时动态等信息的平台，以及管理自己官网的后台。

关键词：Vue、Element、nodejs、MongoDB、flex、@media

DesignandImplementationofEnterpriseOfficialWebsiteandBackOfficeSystemBasedonVue+Element+nodeJs+MongoDB

Abstract：Inthenewcentury,theInternethasbecomeoneofthenecessitiesofthehumancategory,makingiteasierandfasterforpeopletoobtaininformationfromallovertheworld.Inparticular,therapiddevelopmentofHTML5,CSS3andthethreemainstreamframeworkspromotestherapiddevelopmentofsocialinformatizationanddigitization.Theconstructionofanenterprise’swebsiteisoneoftheimportantmanifestationsofenterpriseinformatization.Throughtheofficialwebsite,theoutsideworldcanunderstandthecompanymorequicklyandconveniently,anditisalsoaplatformfordisplayingitself,andthenthemaintenanceandmanagementofthewebsite.Therefore,theofficialwebsite+backgroundisanecessityforanenterprisetobuildanofficialwebsite.

Thisarticletakestheenterpriseofficialwebsiteandtheofficialwebsiteback-endmanagementsystemthatcanspanmobile,tablet,andPCasthedevelopmentgoals.ItusesthevueframeworkandElementcomponentlibrarytodeveloparesponsiveofficialwebsite,andusesflexelasticlayoutand@mediatorealizethecross-deviceofficialwebsiteWatch;usevue,Elementandavuetodeveloptheback-endmanagementsystem;usenodejs+MongoDBtodeveloptheofficialwebsiteandback-endinterfaceanddatabase.Thisdesignismainlyforsmallandmedium-sizedenterprises,providing