通过一个用户注册页面来介绍1、先下载下element-ui 使用命令【cnpm install element-ui】 页面中需要使用md5加密，所以一起把md5的js也下载下来 【cnpm install js-md5】2、下载好了，在main.js中导入下就可以开始使用了// 导入element-ui组件
import ElementUI from 'element-ui'
import "e
转载
2024-04-19 13:19:20
103阅读
一、效果图目前10种筛选类型 看看是否是你需要的，本文可能有点长 ，我尽可能的给讲清楚，包括源码附上二、无聊发言点击当前行跳转部分数据后缀追加图标某列数据根据状态增加颜色标识三、前言实现图中的表格，特定的两个要求，筛选条件的接口(返回多种类型及字段标识)，列表接口统一为一个，靠mark参数传输与后台商定好的标识，当然，如果你们的后端能够即能返回列表数据又能返回筛选条件的各种类型的标识也是极好的 。
转载
2024-04-09 12:38:35
333阅读
文章目录一、为什么要用Vue-cli？二、Vue-cli的环境搭建下载node.js为什么用vue-cli之前，要下载node.js？下载node.js步骤设置缓存node_cache、全局模块node_global、安装cnpm(淘宝镜像)在系统的环境变量中配置node_global和node_modules安装Vue和vue-cli脚手架三、vue-cli 项目创建四、项目中的目录结构解析五
转载
2024-05-25 16:56:34
157阅读
Vue和ElementVue1、概述：Vue 是一套前端框架，免除原生JavaScript中的DOM操作，简化书写。我们之前也学习过后端的框架 Mybatis ，Mybatis 是用来简化 jdbc 代码编写的；而 VUE 是前端的框架，是用来简化 JavaScript 代码编写的。前一天我们做了一个综合性的案例，里面进行了大量的DOM操作，如下 学习了 VUE 后，这部分代码我们就不需要再写了。
转载
2024-04-25 12:52:37
0阅读
权限控制的思路: 在router文件夹中的index.js文件中有一份路由表,表示每个路由的可访问权限.用户登录后,通过token获取用户的role,动态根据用户的role算出有权限的路由,通过router.addRoutes动态挂载路由. 每一个后台的请求不管是 get 还是 post 都会让前端在请求
转载
2024-04-23 13:07:02
447阅读
vue-i18n一、安装1、直接下载 / CDNhttps://unpkg.com/vue-i18n/dist/vue-i18nunpkg.com 提供了基于 NPM 的 CDN 链接。上面的链接会一直指向在 NPM 发布的最新版本。你也可以通过 https://unpkg.com/vue-i18n@8.9.0/dist/vue-i18n.js 这样的 URL 指定版本号或者 tag。在 Vue
一.Vue渐进式 JavaScript 框架二.Vue安装1.安装node.js node.js中文网下载网址http://nodejs.cn/download/ 下载安装后，打开命令行（win+r 输入cmd）输入node -v 查看node的版本号，若显示如图则安装成功。安装完node.js也就有了npm管理器，它是集成在node中的，输入 npm -v 命令，显示npm的版本信息
转载
2024-02-26 11:03:29
149阅读
建立多个Vue实例对象这里在同一个js文件中创建了两个Vue实例对象，它们各自能完成前面学的那些功能，同时使用对象名称也可以互相访问，协同实现一些功能。index.html<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
<meta c
转载
2024-03-21 10:21:39
101阅读
模仿elment 的Messageelment 有一个Message 可以全局提示的控件很是羡慕，但是作为一位后端人员又不想搞太多前端css，喜欢用vuetify，但是没有全局Message，只好自己动手实现一个了。.先看一下效果，成功提示框： 失败提示框： 接下来让我们一步步实现 首先在src/commponents/下创建Message目录，并在Message目录下创建 Message.vue
转载
2024-10-30 19:44:44
74阅读
怎么将一个图片放到网上我们可以
用 元素来把图片放到网页上。它是一个空元素（它不需要包含文本内容或闭合标签），最少只需要一个 src （一般读作其全称 source）来使其生效。src 属性包含了指向我们想要引入的图片的路径，可以是相对路径或绝对URL，就像 元素的 href 属性一样<img src="https://www.example.com/images/dinosaur.jpg"
转载
2024-09-26 22:28:44
25阅读
后台管理后台管理 权限菜单 + 增删改查分页 + e-charts图标
权限菜单不太会
增删改查分页就很简单
有空看一下vue-admin由后台管理引发得一个思考，如果纯用ele组件库写，开发效率还是很低，如果能二次封装一下ele，写起来会更快，就是二次封装一个表单，表格，还有不同得弹出框，然后表单，表格得内容都可以自定义，传递一个什么type下去，就显示什么。 e-charts图表用的
demo下载地址1. 基本的数据结构数组数组是最基本的数据结构，在Objective-C时代将数组和可变数组分开了，但是在Swift 中被统一到了唯一的数据结构中，看上去统一，其实实现有三种ContigouosArray 效率最高，元素分配在连续的内存空间上，如果数组是值类型（栈上操作），则Swift 会自动调用Array实现；如果注重效率，那么推荐声明这种类型，尤其在大量元素类时，这样效果会更好
功能描述：1、左边【一级、二级、三级】字样是不能拖拽的，【item1、item2...】可以拖拽2、左边items位置固定，只能向右拖拽，不能上下拖拽，如：item7从左边拖到右边，左边的item7消失，右边增加item73、右边items可以自由拖拽，但不能向左拖拽4、右边items可以删除，如：点击item7的“×”，右边item7消失，左边item7出现5、重置时，页面回复初始化状态实现方法
公司最近项目是后台管理系统，由我负责，网上找模板发现还需要改很多地方，而且那些模板也没有写代码的实现思路，对于vue项目经验不足者很难看懂，所以就按照自己的思路从零实现一遍，过程讲解还是比较详细的，若是有不足之处还请指正。整体布局：登录： 菜单：准备工作：1、安装elementuinpm i element-ui -S
import ElementUI from
转载
2024-02-08 15:19:31
101阅读
项目介绍使用 vue 以及 element-ui 搭建一个 后台管理系统的模板。 纯属练手（写的比较糙 望指点）基本环境搭建 初始化项目使用 vue 以及 element-ui 搭建一个 后台管理系统的模板。 纯属练手（写的比较糙 望指点）1、初始化项目（babel vuex router eslint）vue create sandcms 2、等待 出现以下提示
转载
2024-04-03 13:20:15
76阅读
一、开始一）安装安装node.js下载网址：https://nodejs.cn/download/node -v #查看node版本
npm -v #查看npm版本，可以成功环境变量配置正确
npm config set registry http://registry.npm.taobao.org #设置npm为淘宝
npm config get regist
转载
2024-07-05 20:51:47
166阅读
拟实现整体布局确定一下我们后台框架的整体布局，就来个基础经典的再看下实现之后的效果：接下来一步一步走：1、webstorm新建项目接下来就等系统创建好后直接npm run serve，我们得到了一个默认的vue项目2、在项目中引入Element-UI参考官方说明：我们进行npm安装安装完毕之后，我们在main.js中进行引入：参考官方说明：整体引入：3、利用el-container设置页面布局参考
转载
2024-04-11 11:51:46
188阅读
一、Element Form资料地址：https://element.eleme.cn/#/zh-CN/component/form下面以Form表单为例，介绍Element UI的使用。第1步：使用脚手架创建vue工程；vue create vue-form第2步：添加element插件。vue add element选择按需加载：第3步：在App.js文件中定义Form表单；<templ
转载
2024-04-21 18:04:52
101阅读
应产品的要求，做人生中的第一次换肤项目，在没做之前，确实觉得挺没有头绪的，所以就只能借助于百度啊，然后发现其实element自带的就有换肤功能，虽然看了很多别人的文章，但是想自己写一下加深印象。 一、项目搭建 第一步肯定是根据命令行生成对应的项目框架，然后安装element，根据需求引入自己需要的eleme
转载
2024-05-13 09:25:19
536阅读
1.访问接口 我们需要访问接口【http://localhost:28775/api/User/LoginUser】 2.修改 1）修改env.development的【VUE_APP_BASE_API】 2）在vue.config的devServer新增proxy，并且注释掉before prox ...
转载
2021-09-18 10:58:00
1499阅读
