小恶魔的博客

将后端项目上线并测试通过。 安装mysql。 初始化数据库脚本。 将后端程序上传到服务器，并且配置好数据库访问参数，通过pm2启动服务即可。 将前端项目上线并完成联调。 将VueCLI项目进行打包编译。输出为dist资源包。 下载安装nginx软件，启动nginx服务，代理dist目录作为网站根目录。 域名管理。

1.辅助函数 2.登录后，刷新用户状态不消失的实现 3.自定义存储工具API 4.只有在登录之后，才可以看到除登录之外的页面(全局前置守卫) 5.只有在登录之后，才可以发送其他的http增删改查的请求 6.总结

1.实现排片计划列表业务 2.1配置座位模板 2.2发布状态更改 3.实现登录业务 4.Vuex Vue官方推荐的全局状态管理器 4.1vuex的核心概念 4.2mutations 用于修改state数据（此处声明一些方法） 4.3actions 用于定义一些方法，执行异步任务后得到结果，然后更新state。

Vue2Project DAY08 实现电影院列表页 点击列表中第一个操作按钮时强调显示当前电影院的位置 点击列表中第三个按钮时，修改影院信息 点击第二个按钮，跳转到放映厅列表 在放映厅列表页中点击新增放映厅，实现相应业务 实现放映厅列表的显示 实现点击+，添加

Vue2Project DAY07 封装面包屑导航 实现添加电影院功能模块 在VueCLI项目中使用高德地图 基于高德地图的逆地理编码完成地图选点，表单回填 实现选择标签下拉框中数据的加载 实现新增电影院业务 实现电影院列表页

准备好一个表单页面：movie/MovieAdd.vue，用于收集用户数据。点击左侧菜单的新增电影，看到新增电影的表单，填写表单，提交即可新增电影信息。），在此基础之上进行电影信息的修改，最终点击提交按钮，提交修改内容，完成业务。在当前组件挂载完毕后，需要发个请求（写好API接口），获取所有的电影类型。表单组织完毕后，点击立即创建，发送请求，成功后跳转到电影列表页即可。可以在白天某一个git版本的基础之上进行后续练习。实现电影类型字段的下拉列表数据的多选。命令安装所需模块，才可以启动脚手架。

1.Axios的封装的设计实现流程（二） 2.Vue的全局变量 3.电影管理模块 3.1整理做侧边栏菜单及路由子页面 3.2实现初始化加载电影列表 3.3处理细节：刷新页面，需要停留在当前页 3.4实现电影的模糊查询 3.5实现删除电影业务

1.Vue的事件修饰符 1.1在vue中，为标签绑定事件的方式： 1.2 .native的作用 2.实现新增演员页面相关业务 3..实现导演模块相关页面功能 4.实现演员与导演的删除 5.Vue中自定义组件的自定义事件（子向父传参） 6.封装 Axios 7.Axios的封装的设计实现流程

用户点击演员列表菜单项，看到列表页面，在页面中展示演员列表数据。提供面包屑导航、提供模糊查询演员的输入框，输入关键字后，可以查询相关的演员列表，提供演员的删除操作。脚手架项目属于单页面应用，不建议跳转页面，所以在表单中敲回车，应该阻止表单的提交。当点击查询按钮时，获取搜索框中的文本，发送post请求，查询列表。1.明确页面需求，了解都有哪些页面，根据页面的结构，设计嵌套路由。6.整理左侧边栏菜单，使得点击菜单项可以显示相应的组件内容。当页面挂载完毕后，发送一个请求，加载演员列表数据并显示。

本章所需工具：mysql vscode pm2 node.js Navicat Premium 15（数据库执行）