项目
文章平均质量分 63
星月前端
记录前端学习笔记
展开
-
在nodejs环境中应用并代理跨域
到现在为止,我们已经完成了一个前端工程师的开发流程,按照常规的做法,此时,运维会将我们的代码部署到阿里云的ngix服务上,对于我们而言,我们可以将其部署到本机的nodejs环境中。这是因为我们采用了history的模式,地址的变化会引起服务器的刷新,我们只需要在app.js对所有的地址进行一下处理即可。前面我们讲过,vue-cli的代理只存在于开发期,当我们上线到node环境或者ngix环境时,需要我们再次在环境中代理。此时,我们可以访问,http://localhost:3333。在nodejs中代理。原创 2022-10-02 21:50:55 · 1123 阅读 · 7 评论 -
vue中将数组数据转化成树形结构
vue中将数组数据转化成树形结构。这样一来,树形数据就有了。这里用的vue-admin和Elment的tree组件。封装一个工具方法,src/utils/index.js。我们需要将列表型的数据,转化成树形数据,这里需要用到。调用转化方法,转化树形结构。原创 2022-09-15 15:34:12 · 2055 阅读 · 0 评论 -
vue-admin-实现登出功能
以上代码,实际上直接对user模块下的action进行了引用。同样的,登出功能,我们在vuex中的用户模块中实现对应的。我们这里也可以采用vuex中的模块化引入辅助函数。不,当然不是,我们要处理如下。登出仅仅是跳到登录页吗?:实现用户的登出操作。原创 2022-09-12 22:31:45 · 589 阅读 · 0 评论 -
main.js中完成自定义指令全局注册
目标: 通过自定义指令的形式解决异常图片的处理,图片异常后提供一个默认图片注册自定义指令Vue . directive('指令名称' , {// 会在当前指令作用的dom元素 插入之后执行 // options 里面是指令的表达式 inserted : function(dom , options) {} })自定义指令可以采用统一的文件来管理 src/directives/index.js,这个文件负责管理所有的自定义指令首先定义第一个自定义指令 v-imagerror。原创 2022-09-12 22:11:10 · 955 阅读 · 2 评论 -
vue-element-admin基础模板和完整版模板拉取地址
git拉取基础项目模板$ git clone https://github.com/PanJiaChen/vue-admin-template.git hrsaas #拉取基础模板到hrsaas目录安装项目依赖(定位到项目目录下)$ npm install #安装依赖启动项目$ npm run dev #启动开发模式的服原创 2022-09-12 12:42:15 · 700 阅读 · 0 评论 -
vuex基础学习-看完即上手篇
看完即可入门开发!!!这篇文章介绍 vuex基础,以及总结案例。本文详细记录了所有步骤,拿来学习是真不错!看完不会你打我。哈哈哈,开玩笑的,不多说,上刺刀!!为什么会有Vuex? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种`可预测的方式发生变化。vuex是采用集中式管理组件依赖的共享数据的一个工具,可以解决不同组件数据共享问题。结论修改state状态必须通过mutations。原创 2022-09-07 12:12:02 · 491 阅读 · 5 评论 -
vue基础学习总结---用户列表案例
这篇文章介绍 vue学习总结案例:用户列表案例。本文详细记录了所有步骤,拿来学习是真不错!用到的知识点:vue-cli 创建 vue2 项目;element ui 组件库;axios 拦截器;proxy 跨域接口代理;vuer-router 路由;看完不会你打我。哈哈哈,开玩笑的,不多说,上刺刀!!原创 2022-08-23 17:51:38 · 759 阅读 · 4 评论 -
vue3事务管理案例、组件基础总结案例
vue3事务管理案例、组件基础总结案例。用到的知识点:① vite 创建项目;② 组件的封装与注册;③ props;④ 样式绑定;⑤ 计算属性;⑥ 自定义事件;⑦ 组件上的 v-model;原创 2022-08-17 02:59:21 · 923 阅读 · 7 评论 -
vue小案例实现模糊查询、删除列表、添加列表
vue小案例实现模糊查询、删除列表、添加列表,本案例用于快速复习vue基本使用,vue指令。导入放入 html 文件中,导入bootstrap4,导入vue,即可直接游览器打开运行。bootstrap 用的是bootstrap4,在官网直接下载导入即可(v4.6.1)vue 用的是 vue-2.6.12.js。.........原创 2022-08-13 23:31:17 · 1865 阅读 · 2 评论 -
vue2---前端路由小案例(后台管理小案例)
前端路由小案例(后台管理小案例)1 项目整体功能演示3 主要代码进入网站自动进入登录页面: 登录成功自动存储token,然后跳转到登录成功页面: 左边功能栏可以切换: 点击用户管理的操作可以跳转到用户详情页面,并却可以回退到上一步: 完了之后可以退出登录,并清除token,然后跳转到登录页面。2 案例用到的知识点命名路由路由重定向导航守卫嵌套路由动态路由匹配编程式导航......原创 2022-08-05 21:04:21 · 1651 阅读 · 0 评论 -
ESLint---手动安装带有ESLint的vue-cli项目
手动安装带ESLink的vue-cli项目(步骤详细),每一步都截图加解说。原创 2022-07-20 21:50:12 · 260 阅读 · 0 评论 -
php---php实现数据库的增删查改操作-教务管理系统
php操作数据库,实现增删查改,翻页功能,附带数据库文件和运行教程,以及配套软件。原创 2022-07-16 16:00:17 · 2265 阅读 · 0 评论