weixin_47906106的博客

根据main_menu_id判断菜单名在哪一行。需要把二级菜单调到右边覆盖banner。鼠标移动会向二级菜单传递一级菜单的ID。接收一级菜单传递过来的id。

main.js// 引入element-plus。

将生成的这四个部分放置到服务端static中生成的index.html放到templates中添加一个用户代码拉下来之后直接执行需要添加环境变量这时就可以使用flask进行启动了安装执行下面命令可以把对应的文件夹创建下。

less官网-dev 在开发的时候会使用，生产环境会转成css注：跨组件使用全局变量,在某些组件中想修改这个变量，并且页面也要响应式的改变 使用vuexHome.vue。

现在有个问题是把页面关闭之后再打开，输入之前登录过的用户名会提示用户名已存在。刷新页面或者断开连接 会把该用户删掉。如果用户未登录，则跳转到登录页面。登录成功后跳转到home页。

【代码】Socket层代码重构。

【代码】Socket 前端项目结构搭建。

【代码】网络请求库的封装。

但是这样访问不太友好，虽然没有权限看不到数据但是还可以看到页面，所有视图函数前加该装饰器用以限制。这样没有权限的导航栏就隐藏了。

【代码】Vue中集成Echarts图表库。

【代码】用户管理功能。

【代码】评论管理功能。

继承SerializerMixin 即可调用to_dict()序列化。解决办法就是给BoardModel指定序列化字段。这里会出现一个循环序列化的问题。

此时上传文件会出现问题因为g.user 没有这个属性。添加轮播的时候上传本地需要拼接完整Ｕｒｌ。如果是在输入框输入完整ｕｒｌ则不需要拼接。前端页面点击编辑按钮，数据回显。

创建一些全局的通用方法。

注： 是 Vue.js 中的一个组件，用于渲染路由匹配到的组件。它是 Vue Router 的核心组件，在每个路由规则匹配成功后会渲染对应的组件。项目中新建router.js文件。

我们之所以需要使用node，是因为我们需要使用node中的npm(Node Package Manager)，使用npm的目的是为了能够方便的管理一些前端开发的包！全局安装是安装在当前node环境中，在可以在cmd中当作命令使用。npm(Node Package Manager)在安装node的时候就会自动的安装了。1.将安装包放在./node_modules下（运行 npm 命令时所在的目录），如果没有node_modules目录，会在当前执行npm命令的目录下生成node_modules目录。

首选在github上面创建一个仓库。

注意：setup 里面是不能用this的，而且返回值是不具有相应式的，简言之就是改变了returen中的值，也不会渲染到模板上注：需要在Setup函数中使用。

一般都是通过computed属性获取Vuex中数据。创建多个js文件分别保存，再导入使用。

当路径不存在时跳转的路径。

scope 限制样式只在当前组件使用，如果不加这个就是全局的样式lang=‘less’ Css动态预处理器。

'组件A-------unmounted''组件B-------unmounted''组件C-------unmounted''组件A-------created''组件B-------created''组件C-------created'// 组件名使用短横线相连,全小写。// 组件名使用短横线相连,全小写。'<h3>组件A</h3>''<h3>组件B</h3>''<h3>组件C</h3>''<h3>组件A</h3>''<h3>组件B</h3>''<h3>组件C</h3>'

前端传递uuid，后端根据uuid找到对应的记录，把数据填充导word文档中，以文件流的方式传递给前端实现下载功能，这样后端就不用先保存再根据路径下载了。

【代码】计算属性 监视器。

【代码】el-input 动态添加。

这时会报跨域的请求头中没有token这一属性。在后端setting中加入。

在后台已经定义好了。

上传文件后把上传文件的按钮禁用掉，防止多次点击上传，而且上传完文件是一个耗时的操作，使用elementui的loading以表明上传的状态。对中间的功能逻辑可以忽略，主要是流程。

新建utils文件夹，在该文件夹下新建request.js文件。以students.js为例子。其他的也一样，改个路由就行了。根据功能新建不同的js文件。

使用elementui 表单完成查询搜索等布局。// 存储从后台获取的所有院系信息。// 存储从后台获取所有专业信息。// 定义数据存储的集合。// 存储选择院系后的值。//存储选择专业后的值。

由于我们的路由是英文的,可以在路由中定义相关信息,进行捕获就可以了。根据点击的导航栏自动获取相应的面包屑导航。BredCum.vue 面包屑组件。

根据用户的状态(数字)转成英文。

侧边栏导航

Menu.vueindex.vueMenuLogo.vueMenu.vue动态生成侧边栏的菜单新建组件导入组件MenuItem也可以加个首页动态获取数据格式此时展示不出来二级菜单的第二级main.ts全局引入效果新建文件Header.vuecollaspe.vueUserInfo.vuebredcum.vue侧边栏收缩这里涉及到两个组件Menu.vue Collaspe.vue可以通过isCollapse true或false进行控制父子组件传参he

Vue Element ui导航栏选中高亮,刷新后选中消失

用户在退出登录后需要清楚sessionStorage，并且重定向到login页面，但是在没有退出的情况下点击浏览器的后退按钮然后再点击前进不用登陆依然可以访问的原页面，现在需要解决这个问题。在退出后要跳转到的页面 禁止回退页面的mounted( )方法中添加禁止浏览器的后退的方法。

在APP.vue这个主组件入口（这样的话访问哪个路由就把对应的组件加载到这个App.vue窗口）创建一个router文件夹,在里面创建index.js文件，管理路由。这样就意味着所有的app下的组件都可以使用elementui。main.js 自动运行的脚本文件。app.vue 主组件,是页面入口文件。这几种命令都是一个意思，只不过写法不同。index.html 静态文件。在main.js中全局引入。

vue页面间传递的两种方法。

vue，点击页面预览pdf。