Vue项目
文章平均质量分 77
Vue项目
jasmine_qiqi
这个作者很懒,什么都没留下…
展开
-
Vue用户管理(增删改查)功能总结
1、向api请求发出查询用户列表数据,渲染表单数据1、定义查询参数列表对象queryInfo:{} queryInfo: { query: '', // 查询 pagenum: 1, // 当前页数 pagesize: 2,// 当前每页显示多少条数据 }2、定义userList:[]数组,和total整数,来存放查询后的用户数据userList: [],total: 0,3、定义getUserList()函数,通过向api发出get请求获取用户原创 2022-03-18 21:50:49 · 2449 阅读 · 0 评论 -
Vue主页面功能详情
1、首先配置好主页面Home.vue:<template> <el-container class="home-container"> <!-- 头部区域 --> <el-header> <div> <img src="../assets/logo.png" alt="" /> <span>后台管理系统</span> </di原创 2022-03-12 11:14:00 · 2941 阅读 · 0 评论 -
Vue用户管理(增删改查)功能详情
1、最终实现效果:Users.vue:<template> <div> <!--面包屑导航区域--> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> <el-breadcrumb-item原创 2022-03-13 14:31:36 · 51710 阅读 · 19 评论 -
Vue电商后台管理系统功能展示
项目技术:html、css、javascript、node.js、vue、mysql项目描述:电商后台管理系统,主要功能包括:用户账号管理、商品分类、商品信息、订单、数据统计等业务功能。采用前后端分离的开发模式,其中前端项目是基于Vue技术栈的SPA项目,通过API接口连接服务器,访问mysql数据库。成品效果展示:一、登陆界面二、登陆校验规则三、登陆成功后,保存Token四、用户管理页面五、添加用户功能(采用正则表达式进行校验)六、添加用户成功,弹出消息框.原创 2022-03-13 19:36:46 · 6064 阅读 · 9 评论 -
Vue登陆功能详情
1、先创建修饰好页面Login.vue:<template> <div class="login_container"> <!-- 登陆框 --> <div class="login_box"> <!-- 登陆图标 --> <div class="avatar_box"> <img src="../assets/logo.png" alt="" />原创 2022-03-11 20:57:42 · 6917 阅读 · 4 评论 -
新闻信息管理系统功能展示
这是我第一个基于vue的前端开发,虽然有点简略,但真的很感谢我的指导老师的细心指导,教会了我Vue和node.js等很多技术,爱您噢(づ ̄3 ̄)づ╭❤~项目技术:html、css、javascript、node.js、vue、mysql项目描述: 新闻管理系统,主要功能包括:新闻信息的增删改查、用户登录、 文 件 上 传 保 存 等 。 网 站 页 面 主 要 使 用 html+css 进 行 布 局 美 化 , JavaScript+Bootstrap 进行动态效果的实现。使用 vue.js 做.原创 2022-03-13 21:13:14 · 795 阅读 · 0 评论 -
Vue登陆功能总结
1、通过v-model指令双向数据绑定登陆表单的数据对象1、定义登陆表单的数据绑定对象loginForm:{username,password} loginForm: {username: 'admin',password: '123456',},2、在form表单中通过动态:model绑定登陆表单的数据对象 <el-form class="login_form" :model="loginForm">..</<el-form>3、在input输入框中原创 2022-03-18 20:02:49 · 1552 阅读 · 0 评论