版权声明：原创的文章转载请注明出处，谢谢！ https://blog.csdn.net/weixin_41804429/article/details/82458741
前面上线的小程序，现在需要做一个后台管理系统，第一次做后台管理系统，难免磕磕碰碰，但领导想要的功能也超时完成了。小程序和这个后台管理系统都是由自己从零开始的，还是有些小成就感的。由于时间限制，后台就做了几个主要功能先上线。
用到的技术： 框架用的是Vue + bootstrap 4 ，运用vue cli 3 脚手架搭建项目，运用axios发送ajax请求，运用了Vuex进行状态管理和Vue Router配置路由，也用到了Font Awesome 图标库等等。
这是首页，没什么好说的，主要是一些布局。登录后会跳到内容页面。
内容区域分三块，顶部，左侧导航区，中间主要内容区。顶部一个组件，导航一个组件，每一个二级菜单内容一个组件。
刚开始碰到的一个难点是：如何实现点击左侧导航标题，显示对应的内容。由于没有相应的经验倒腾了一会儿，其实知道了后并不难，我目前知道两种方式：一种是用配置子路由；还有一种是通过命名路由。这次我用的是配置子路由，代码如下：
由于项目要求不是很难，后面就是一个一个写对应的组件了，没有遇到多大困难。下面继续贴几张主要的效果图：
这是订单筛，实现根据订单状态筛选订单
这是订单详细信息，偷了个懒，就用了个弹框，哈哈。。
这是团体预定的页面，点击客户上传的身份证图片，可以查看大图，点击大图可以退出大图。
以上分别是房源查询页面==》房源详情页面==》订单添加页面。