后台地址:kc9m.com/admin/admin.html
不啰嗦,先看图
前台页面
前台使用传统JQuery+PHP的做法。前端负责写页面模版,后端套模版渲染数据。博客项目来看的话,seo还是蛮重要的,服务端渲染更有优势。这个就好办多了,HTML+CSS咔咔就是一顿干,直接丢给后端基友。搞定!!
后台页面
技术栈:Vue全家桶+elementUI+AntV+PHP+MYSQL
后台依然是基友提供php接口,全页面Ajax请求加载。相对于我自己的博客,虽然这次开发需求差不多,但运用了新的技术和完全前后分离的开发模式,开发过程还是踩了很多坑的。
引入Vuex状态管理
官方解释就是更方便友好的管理组件间共享的数据,如非父子组件间的数据状态共享。
前后端彻底分离开发
之前的项目合作时,每当后台数据接口修改后,都需要把文件发一份给我到本地,貌似看起来是前后分离,但当修改量庞大时,操作也相当繁琐。使用webpack提供的代理模式,可以轻松解决跨域问题。只需配置好代理参数,基友修改好接口上传服务器后,前端直接调用接口即可。
elementUI框架使用
个人感觉,其实并没有自己纯手写来的好看,但胜在效率高,节省不少时间。
数据可视化
引入了阿里巴巴开源的的AntV可视化框架,整体视觉风格还不错看。