现在项目流行前后端分离的方式开发,后端使用Spring Boot开发,前端使用Vue+ElementUI来构建SPA。SPA是指Single-Page Application,即单页面应用,SPA应用通过动态重写当前页面来与用户交互,而非传统的从服务器重新加载整个新页面。这种方法避免了页面之间切换打断用户体验,使应用程序更像一个桌面应用程序。在SPA中,所有的HTML、JavaScript和CSS都通过单个页面的加载来检索,或者根据用户操作动态装载适当的资源并添加到页面。在SPA中,前端将通过Ajax与后端通信。对于开发者而言,SPA最直观的感受就是项目开发完成后,只有一个HTML页面,所有页面的跳转都通过路由进行导航。前后端分离的另一个好处是一个后端可以对应多个前端,由于后端只负责提供数据,前后端的交互都是通过JSON数据完成的,因此后端开发成功后,前端可以是PC端页面,也可以是Android、iOS以及微信小程序等。
框架Vue (读音/vjuː/,类似于view)是一套用于构建用户界面的渐进式框架。与其他大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue完全能够为复杂的单页应用提供驱动。
对于Vue的基础知识,由于Vue的文档都是中文文档,因此强烈建议初学者通读官方文档来了。解Vue的基本使用方法(地址为cn.vuejs.org/v2/guide/)
Element简介 Vue桌面端组件库非常多,比较流行的有Element、Vux、iView、mint-ui、muse-ui等,本项目采用Element作为前端页面组件库。要说设计,这些UI库差异都不是很大,基本上都是Material Design风格的,本项目采用Element主要考虑到该库的使用人数较多(截至写作本书时,Element在GitHub上的star数已达29 000,接近30 000),出了问题容易找到解决方案。关于Element的用法,强烈建议初学者通读官方文档学习(地址为element-cn.eleme.io/#/zh-CN/com…