基于移动web阅读社区的设计与实现

Design and Implementation of a Reading CommunityBased on Mobile Web

设计了一款基于WebApp的阅读社区应用,使用了Vue+Vue-Router+Vuex来解决了单页面应用之间的相互切换所出现的卡顿问题,以及在手机端会出现的切页白屏问题.应用实现的内容主要包含了首页、分类文集、热点、关于我们四个模块,服务端使用了基于NodeJS的Koa框架实现后台接口部分,前端通过Axios与接口进行数据交互.系统使用Vue+NodeJS的前后端分离的模式,极大的保证了后期代码维护的成本.前端页面的组件化开发使得整个页面的整体可扩展性.

This paper designs a reading community application based on WebApp,which uses Vue+Vue-Router+Vuex to solve the problem of carton when switching between single-page applications and the problem of white-screen when cutting pages on the mobile phone.The application includes four modules:home page,classified corpus,hot spot and about us.The server uses Koa framework based on NodeJS to implement the background interface.The front end interacts with the interface through Axios.The system uses Vue+NodeJS front-end and back-end.Separate mode greatly guarantees the cost of later code maintenance.Component development of front-end pages makes the whole page extensible.