- 博客(28)
- 收藏
- 关注
RSS订阅原创 vue电商后台管理系统--部署上线篇
项目上线相关配置通过 node 创建 web 服务器。开启 gzip 配置。配置 https 服务。使用 pm2 管理应用。上线——通过node创建Web服务器创建 node 项目，并安装 express，通过 express 快速创建 web 服务器，将 vue 打包生成的 dist 文件夹，托管为静态资源即可，关键代码如下：const express = require(‘express’)// 创建 web 服务器const app = express()// 托管静态资源ap
2021-08-16 09:16:00
395
原创 vue电商后台管理--现目优化篇
介绍项目优化的策略生成打包报告第三方库启用CDNElement UI组件按需加载路由懒加载首页内容定制优化——通过nprogress添加进度条效果安装：npm install --save nprogress在main.js进行导入与配置// 导入NProgress包对应的js和cssimport NProgress from ‘nprogress’import ‘nprogress/nprogress.css’// 在request拦截器中，展示进度条 NProgress.st
2021-08-16 08:51:50
393
原创 vue电商后台管理系统--订单管理篇
安装Echarts并渲染Demo表图第一种：npm指令：npm install echarts --save第二种：在vue-ui中选择安装运行依赖 直接搜索echarts然后点击安装即可获取折线图并渲染图表源码<template> <div> <!-- 面包屑导航区 --> <el-breadcrumb separator="/"> <el-breadcrumb-item
2021-08-15 09:56:05
758
原创 vue电商后台管理系统--订单管理篇
渲染订单table表格 <!-- 订单列表数据 --> <el-table :data="orderList" border stripe> <el-table-column type="index" label="#"></el-table-column> <el-table-column label="订单编号" prop="order_number"></el-table
2021-08-15 09:44:07
1614
原创 vue电商后台管理系统--商品列表篇
渲染商品列表数据<template> <div> <!--面包屑导航区--> <el-breadcrumb separator="/"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> <el-breadcrumb-item>商品管理</el-breadcrumb-item&
2021-08-15 08:54:35
2438
原创 vue电商后台管理系统--分类参数篇
通过路由加载分类参数组件页面渲染分类参数页面的基本UI结构<!-- --><template> <div> <!--面包屑导航区--> <el-breadcrumb separator="/"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> <el-breadcru
2021-08-14 12:52:05
597
原创 vue电商后台管理系统--商品分类篇
通过路由加载商品分类组件调用API获取商品分类列表数据// 获取商品分类数据 async getCateList(){ const {data : res} = await this.$http.get('categories',{params: this.queryInfo}) if(res.meta.status !== 200) return this.$message.error('获取商品分类列表失败')
2021-08-14 10:02:57
1005
原创 vue电商后台管理系统--角色列表篇2
分配权限弹出分配权限对话框并请求权限数据 //展示分配权限的对话框 async showSetRightDialog(){ //获取到所有权限的数据 const {data:res}= await this.$http.get('rights/tree') if(res.meta.status != 200) return this.$message.error('获取权限数据失败！') /
2021-08-13 11:22:12
271
原创 vue电商后台管理系统--角色列表篇1
绘制基本布局 <!--角色列表区域--> <el-table :data="rolesList" border stripe> <!--展开列--> <el-table-column type="expand" ></el-table-column> <!--索引列--> <el-table-column type="
2021-08-13 10:51:35
574
原创 vue电商后台管理系统--权限列表篇
通过路由展示权限列表组件调用API获取权限列表的数据//获取所有的权限 async getRightsList(){ const {data:res} = await this.$http.get('rights/list') if(res.meta.status !== 200) return this.$message.error('获取权限列表失败!') this.rightsList = res.data console
2021-08-13 10:14:18
332
原创 vue电商后台管理系统--用户列表篇3
分配角色渲染分配角色列表框并请求角色列表数据 <!-- 分配角色的对话框 --> <el-dialog title="分配角色" :visible.sync="setRoleDialogVisible" width="50%"> <div> <p>当前用户:{{userInfo.username}}</p> <p>当前角色:{{userInfo.role_name}}</p&
2021-08-13 09:57:52
117
原创 vue电商后台管理系统--用户列表篇2
添加用户渲染添加用户的表单<!--el-dialog是弹出面板;@close是用来关闭此面板时触发事件;:visible.sync是控制面板是否展示(主要和后边的addDialogVisible有关) --> <el-dialog title="添加用户信息" :visible.sync="addDialogVisible" width="50%" @close="addDialogClosed"> <!-- 内容主体区 --> <
2021-08-12 10:15:20
209
原创 vue电商后台管理系统--用户列表篇1
用户列表区域面包屑导航和搜索框<el-breadcrumb separator="/"> <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> <el-breadcrumb-item>用户管理</el-breadcrumb-item> <el-breadcrumb-item>用户列表</el-breadcrumb-it
2021-08-12 09:46:58
284
原创 vue电商后台管理系统--主页布局开发
页面布局整体布局实现导航栏布局结构左侧菜单布局菜单分为二级，并且可以折叠。<el-menu> <!-- 这个 template 是一级菜单的内容模板 --> <el-submenu> <i class="el-icon-menu"></i> <span>一级菜单</span> &
2021-08-11 20:09:04
346
原创 vue电商后台管理系统--登录页面
登陆页面的效果图梳理页面结构3.2 梳理项目结构在终端中输入npm run serve启动我们刚刚导入进去的项目正常情况下，会出现以下界面：于是，我们需要对我们的项目进行梳理，删去一些没有必要的文件删除以下文件的代码，最后格式如下：App.vue<template> <div id="app"> App 根组件 </div></template><script>export default { nam
2021-08-11 10:06:59
1819
原创 vue电商后台管理系统--概述和初始化
项目概述介绍和初始化项目整体架构前端项目技术栈：VueVue-routerElement-UIAxiosEcharts项目初始化步骤① 安装 Vue 脚手架—需要Vue3.0或者以上—先安装cli：(终端输入)npm install -g @vue/clioryarn global add @vue/cli—安装cnpm（可选装）由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像—cnpm。在命令行中输
2021-08-10 11:11:42
160
原创 后端程序设计总结（java进阶版）
后端程序设计总结（java进阶版）欢迎跳转此链接看本文(能查看图片)： https://zhuanlan.zhihu.com/p/345621557 本文是作者的Java部分总结的第二篇文章，算是Java的进阶版（基础版可看作者之前的文章），文章意在总结此部分知识点并且获取内容的渠道非常之多。此文适用于学习者学习的参考或期末考试参考的文章，不适合作为系统性学习的文章。同样文章中的不足和纰漏欢迎大家批评指正！后端程序设计总结（javaweb） 1—Java 8新特性 2-Java 8 Lambda
2021-01-20 10:33:55
701
2
原创 面向对象程序设计总结（java基础）
面向对象程序设计总结（java基础）本文章为java2使用教程（第五版）耿祥义所著的重点知识点及代码的总结，适用于Java初学者和在校学生的参考文章。本文特别基础的内容并未涉及，但文章所涉及的内容也较为基础，所以本文比较适合作为课本教材的总结参考和Java初学者的学习参考。笔者打算用多篇文章来系统总结Java的内容，所以本文是第一篇Java的基础入门篇章。所涉及的代码和知识点并非过于简单易懂，适合已经正在学习Java(而不是还没开始学习)的小伙伴们参考学习。并且文章中的纰漏和错误欢迎大家批评指正！面向
2021-01-20 10:07:50
632
原创 数据结构总结
数据结构总结本文章结合第四版教材、网上资料和期末老师所画重点和考试范围对教材基础概念和重点知识点进行总结和串联，针对人群主要是学生和初学者。文中不免含有遗漏处及误点，欢迎大家批评交流。希望各位读者都能从此文有所收获，我们一起加油！第一章 绪论 21.数据结构的研究内容 22.基本概念和术语 23.算法和算法分析 2第二章 线性表 31.线性表的定义和特点 32.线性表的顺序存储表示 32.5顺序表的实现和应用（通过代码） 33.单链表的定义和表示 63.5链式表的应用和实现 64
2020-12-15 20:39:06
723
原创 移动端开发3（前端一）
④align-items设置侧轴上的子元素排列方式（适用于单行，多行不行）flex-start(默认)从上到下 flex-end从下到上center 垂直居中 stretch 拉伸⑤align-content为设置侧轴子元素排列方式（适用于多行，单行不行）特性同④⑥flex-flow是flex-decoration和flex-wrap的合写3.子项属性①flex:;默认为0；占据分配剩余空间的份数②align-self:剩余子项在自己侧轴的排列方式auto(默认)表示继承父元素align
2020-08-08 17:57:16
132
原创 移动端开发2（前端二）
Day141.视口：浏览器显示内容的屏幕区域< meta name=“viewport”//视图标签 content=“width”//设备宽度 initial-scale=1.0//最初缩放比 maximum-scale:1.0//最大缩放比minimum-scale:1.0//最小缩放比 user-scaleable=yes/no//用户是否缩放>2.二倍图手机端物理像素（分辨率）与开发像素不尽相同 不同手机物理像素各不相同retina(视网膜屏幕)—>提高屏幕显示的细腻程
2020-08-08 17:33:20
185
原创 CSS3、html5(前端一)
Day111.H5新增多媒体标签音频标签属性： autoplay=“autoplay” 音频自动在打开网页后播放controls=“controls”向用户显示控件（如播放按钮）loop=“loop” 当音频结束后继续重新播放视频标签 特性同上音频标签（可用height\weight设置大小）2.H5新增表单标签type=“email/data/url/time/month/week/number/tel/search/color”require="required"表单属性不能为空au
2020-08-08 17:16:56
123
原创 CSS总结四（前端一）
Day91.CSS高级技巧1.元素的显示与隐藏display 隐藏对象，不保留位置(none,block)visibility 隐藏对象，保留位置(hidden,visible)overflow 只隐藏超出盒子部分(auto)2.用户界面样式①鼠标样式cursor:default(默认）/pointer（小手）/move(移动样式)/text(文本竖线)②轮廓线outline:none(取消表单轮廓线)③防止拖曳文本域resize:none;3.垂直对齐vertical-a
2020-08-08 17:10:00
104
原创 CSS总结三（前端一）
Day71.css书写顺序布局定位属性 display position float overflow clear visibility自身属性 width height margin padding border background文本属性 color font text-decoration/align其他属性 border-radius box-shadow content2.布局流程版行（可视区）据每行行行罗列 制作html结构！ 用盒子模型开始附练习代码：<!doct
2020-08-08 17:01:39
953
原创 CSS总结2（前端一）
Day5一.盒子模型一.盒子模型盒子模型中的盒子是指div标签，一个div标签就是一个小盒子，通过多个div盒子来拼凑成整个页面的内容。之所以使用盒子模型因为方便整个页面编写，使得页面编写更有条理。1.边框border-width:4px;边框宽度还有border-top(只有上边框)border-style:none/dotted(点线)/solid(实线)/dashed(虚线)border-collapse:collapse(让单元格边框合并)border的简写：border:5px(粗
2020-07-19 16:13:29
628
原创 CSS总结1（前端一）
CSS为html,css,javaScript三部曲之一，它被称作为页面的皮肤。通常网页的编写是先用html写好骨架后再写css来给网页点缀Day3一.CSS样式选择1.行内样式xxxXxx的颜色就为粉色2.内部样式首先在网页编写中css部分可写到中间；其次Css要创建并写入标签中即style表示为样式标签；3.外部样式Css可以不与html写入同一代码页中，可以写入另一新的代码页中(注意要将代码页以.css结尾)。而通常情况下由于代码较多所以一般css页面采用为外部样式。引用外部cs
2020-07-18 17:05:08
166
原创 html总结（前端一）
张Yyyyyy我的知前端一的部分主要介绍html，css，javaScript的内容。本人前端主要通过观黑马培训机构的pink老师的讲解，自己总结笔记并分享。## Day1：html总结1html部分主要介绍两部分（视为重点部分）：元素标签和标签属性。而且所总结的一些元素标签和标签属性均为比较常见的，具体的详细的标签和属性大家可通过浏览W3C官网进行调试。html部分为前端代码的三大部分（html,css,javaScript）之一，html也被称为页面的骨架。一.元素标签1.首先标签一般分为双标签（中间为
2020-07-18 09:24:53
163
原创 C程序设计(谭浩强第五版)总结
C程序设计（谭浩强第五版）总结本篇文章主要是总结谭浩强第五版C语言书上的重点和易漏点的知识点，其目的主要是给高校期末考试的同学们点参考。本文所参考的书籍是谭浩强的《C程序设计（第五版）》和明日科技所著的《C语言从入门到精通》，整体文章脉络框架是作者大学C语言老师所给的期末考试的知识点索引表。作者能力有限，文章中有不全不妥之处欢迎大家批评指正，我也非常希望读者能从此文章中获益！目录C语言和程序设计 21．计算机语言的发展阶段 22．学习C语言的目的及C语言的应用 23．C语言的程序结构 3算法基
2020-07-15 21:49:31
5177
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人