目录一、创建项目创建工程创建登录页面二、创建登录页面1.创建首页视图,在views目录下创建一个名为Main.vue的视图组件:2.创建登录页视图在views目录下创建名为Login.vue的视图组件,其中el-*的元素为ElementUI组件; 组件 --> 路由3.创建路由,在rou
本文实现了三种(也就是官方所讲的前三种,最后一种不想试了):方法一:在项目中改变 SCSS 变量项目使用scss时,创建自定义的scss文件,写入一下内容/* 改变主题色变量 */
$--color-primary: teal;
/* 改变 icon 字体路径变量,必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import
转载
2024-03-06 03:30:59
52阅读
目录后端技术点流程shiro介绍最简单的一个实例统一封装返回结果后端技术点springbootshiromybatisplusmysqlshiro-redis流程后端大概要做这么一件事儿,在没有数据库的情况下,先学会使用shiro,然后在项目中使用数据库查询用户和权限,接着再是整合redis作为shiro的缓存。我在最后才进行的密码加密,防止忘记密码而登录不上:( .shiro介绍Apache S
转载
2024-09-30 14:06:31
154阅读
1 循环块 (表头动态变化 / 多个规律label)<el-table-column v-for="item in ['1','2','3']" :key="item" :label="item" prop="noticeType"> </el-table-column> 2 多个数组生成法 Array.apply(null, {
前言文章链接: Vue后台管理系统模板推荐Vue.js 是一个目前比较流行的前端框架,已经到了前端人人都会的地步,今天这里为大家罗列一下基于 Vue 的后端管理的框架。目前比较流行和 Vue 搭配的 UI组件 有Element-UI、iview、Bootstrap-Vue、Ant-Design-Vue,另外还有Vuetify、Buefy
原创
精选
2022-08-09 10:46:59
1714阅读
点赞
前言之前有些过移动端的项目搭建的文章,感觉不写个pc端管理系统老感觉少了点什么,最近公司项目比较多,恰巧要做一个申报系统的后台管理系统,鉴于对vue技术栈比较熟悉,所以考虑还是使用vue技术栈来做;看过一个不错的后台配置模板(vue-element-admin),页面也挺美的,但是还是碍于不想看太多关于这个模板的配置说明,于是又拉出来之前我搭建的简易版的模板,决定重构下,使用自己搭建的后台系统模板
vue和php-前后台交互 前端主要代码: <template> <div class="main-member-info"> <form @submit.prevent="submit"> <input type="text" v-model="userName" placeholder="请输入
原创
2021-05-20 11:14:03
1526阅读
项目地址:https://github.com/BaiFangZi/vue-antd-manage预览地址: http://baifangzi.gitee.io/vue-antd-manage/vue3+vite版:
项目地址:https://github.com/BaiFangZi/vue3-antd-manage
预览地址:https://baifangzi.gitee.io/vue3-ant
转载
2024-06-05 11:54:15
953阅读
点赞
1评论
前提安装好git,先本地创建一个空文件夹,如vue_demo,右键选择Git bash here,如下图: gitee: https://gitee.com/mirrors/vue-admin-template# 可查看具体的项目地址 第一步:克隆项目到本地:git clone https://gi ...
转载
2021-09-06 16:23:00
726阅读
2评论
文章目录1.vue2-manage2.Cloud-Admin3.Guns4.Cloud-Platform5.react-admin6.hsweb7.hxyFrame8.XMall9.zuihou-admin-cloud10.Vue-Admin 1.vue2-manage此项目是 vue + element-ui 构建的后台管理系统,是后台项目node-elm 的管理系统,所有的数据都是从服务器实
文章目录相关链接前言效果登录页首页管理员的首页xiaoxiao的首页用户管理总结项目搭建左侧:CommonAside上侧:CommonHeader和CommonTag首页:Home.vue用户管理:User.vue登录页:Login.vue总代码(已开源) 前言这个项目做了半个月,这半个月里我从一个只了解vue相关语法规则的小白变成了稍微熟悉vue的小白,在写项目的时候熟悉了(包括但不限于):组
转载
2024-03-25 20:33:38
542阅读
前言欢迎使用VUE3.0 + ElementPlus 后台管理模板UI库文档:://element-plus.gitee.io/#/zh-CN该项目基于Vuecli 使用Vue3 + 最新版ElementPlus 构建简单版后台管理系统基本功能:(Home页面有详细介绍可参考)
原创
2022-04-28 15:21:44
772阅读
一、蓝色主题 Element ui 后台管理 Demo https://github.com/taylorchen709/vueAdmin https://taylorchen709.github.io/vueAdmin/#/user Element ui 文档 http://element.eleme.io/#/zh-CN/...
原创
2021-11-23 17:18:55
2562阅读
VUE项目实战(一)1.vue-cli脚手架初始化项目2.项目的其他配置1.项目运行起来的时候,浏览器自动打开2.eslint校验功能关闭3.src简写为@3.路由传参4.路由传参相关面试题5.重写push和replace方法1.vue-cli脚手架初始化项目1.首先需要下载node+webpack+淘宝镜像2.Vue创建项目:npm install --globalvue-cli vue ini
探索 Vue 宝藏资源站:助力高效开发在前端开发的浩瀚星空中,Vue.js 无疑是一颗璀璨的明星。今天,要给大家分享一个超棒的 Vue 资源站:http://vue.easydo.work/,它就像一个装满宝藏的盒子,里面藏着无数能让 Vue 开发事半功倍的宝贝。 一、丰富多样的模板分类这个网站精心整理了大量基于 Vue 的后台管理系统模板,你可以根据自己的需求根据不同的技术栈过滤项目,
本人从事前端开发工作已有四年,这期间做的大部分都是移动端 H5 项目,这几年来大大小小的 H5 项目也做了有十几个了。对于移动端 H5 项目来说,有些功能和配置其实是通用的,基本上每个项目都会用到,比如说:微信授权及分享、UI 组件库、各种小组件等。基于我平时比较喜欢总结以及为了以后开发 H5 项目省事的目的,就有了这个项目(主要就是为了偷懒,,,)这个项目是啥Vue 移动端新项目模板,封装了 H
转载
2024-08-17 15:42:55
429阅读
https://gitee.com/daniuit/X-admin/
原创
2022-10-28 23:22:33
140阅读
前后端项目的开发,需要前端和后端同时进行开发,有时后端开发人员还未完成API接口可以提供给前端调用,因此就需要模拟前端请求后端接口,后端返回数据。一般开发中都是返回json数据格式来完成前后端的交互。1. 首先下载一个vue-cli的项目模板vue init webpack myProject 2. 在项目根目录下创建一个data.json的模拟后台返回数据,名字可以随便写不一定非得是data.
转载
2024-04-19 09:15:00
257阅读
Gin-Vue-AdminGIN-VUE-ADMIN 是一个基于 vue 和 gin 开发的全栈前后端分离的后台管理系统,拥有 jwt 鉴权,动态路由,动态菜单,casbin 鉴权,表单生成器,代码生成器等功能,新版本增加了从数据库表一键创建前后端 curd 代码功能,方便大家从老系统迁移,大大减少了开发工作量,真正做到 5 分钟一套基础业务,让大家把更多时间专注在复杂业务开发上。项目地
转载
2024-07-29 20:49:52
145阅读
本文会详细讲解vue.js的安装与node.js安装使用vue.js,安装文档和步骤会一一提供和讲解。虚心好学,如有欠缺,多多指导。 vue.js项目环境搭建vue.js安装一、script 标签 引入使用二、使用 CDN 方法三、node.js安装(推荐使用) vue.js安装一、script 标签 引入使用直接下载并用 script 标签引入 下载网址:https://cn.vuejs.org
转载
2024-10-17 19:55:29
404阅读