- 博客(40)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 电商后台管理系统添加编辑和删除商品分类
目录一代码1修改Cate.vue2修改 element.js二效果三源码参考一代码1修改Cate.vue<template> <div> <!-- 面包屑导航区 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path:...
2020-08-31 19:34:49
2850
原创 电商后台管理系统分类管理列表功能
一点睛商品分类概述商品分类用于在购物时，快速找到所要购买的商品，可以通过电商平台主页直观看到。二安装 vue-table-with-tree-grid依赖三 代码1新建Cate.vue组件<template> <div> <!-- 面包屑导航区 --> <el-breadcrumb separator-class="el-icon-arrow-right"> ...
2020-08-30 20:31:27
1537
原创 电商后台管理系统用户列表分配角色功能
目录一代码1修改Users.vue2修改element.js二测试三源码参考一代码1修改Users.vue<template> <div> <!-- 面包屑导航区 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ pat...
2020-08-30 18:18:12
1345
原创 Vue动态改变样式实战
一点睛1通过给html元素的 class属性绑定vue中的属性值，得到样式的动态绑定。2通过computed返回一个对象，对象里放着多个键值对。3可以通过双向绑定改变样式。二vue动态改变样式1代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>vue动态改变样式</title> <s...
2020-08-30 10:24:14
12242
原创 电商后台管理系统权限管理角色列表的分配权限
一代码1修改Roles.vue<template> <div> <!-- 面包屑导航区 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> ...
2020-08-29 21:09:07
1252
原创 电商后台管理系统权限管理角色列表的权限信息渲染
一代码1修改Roles.vue<template> <div> <!-- 面包屑导航区 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> ...
2020-08-29 19:45:44
547
原创 电商后台管理系统权限管理角色列表基本增删改查操作
目录一点睛1权限管理业务分析二代码1新建 Roles.vue2修改路由配置文件index.js三测试四源码参考一点睛1权限管理业务分析通过权限管理模块控制不同的用户可以进行哪些操作，具体可以通过角色的方式进行控制，即每个用户分配一个特定的角色，角色包括不同的功能权限。二代码1新建 Roles.vue<template> <div> <!-- 面包屑导航区 --> ...
2020-08-29 15:15:25
2288
原创 电商后台管理系统权限列表
目录一代码1新增Rights.vue2修改路由index.js3注册标签element.js二测试三源码参考一代码1新增Rights.vue<template> <div> <!-- 面包屑导航区 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcr...
2020-08-29 14:22:54
902
原创 电商后台管理系统删除用户
一代码1修改element.jsimport Vue from 'vue'// 按需分配各个组件import { Button, Form, FormItem, Input, Message, Container, Header, Aside, Main, Menu, Submenu, MenuItem, Breadcrumb, BreadcrumbItem, Card,..
2020-08-28 20:35:47
559
原创 电商后台管理系统修改用户
一代码修改Users.vue<template> <div> <!-- 面包屑导航区 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> &.
2020-08-28 20:06:42
600
原创 电商后台管理系统添加用户
目录一代码1修改 element.js,按需注册相关组件2修改Users.vue二测试三源码参考一代码1修改 element.js,按需注册相关组件import Vue from 'vue'// 按需分配各个组件import { Button, Form, FormItem, Input, Message, Container, Header, Aside, Main, Me...
2020-08-27 20:56:10
587
原创 电商后台管理系统用户列表
目录一代码1新增Users.vue2修改路由index.js3修改 Home.vue4修改全局global.css二测试三源码参考一代码1新增Users.vue<template> <div> <!-- 面包屑导航区 --> <el-breadcrumb separator-class="el-icon-arrow-right"> ...
2020-08-26 21:28:07
1239
原创 电商后台管理系统主页布局
目录一点睛1 整体布局1.1 先上下划分，在左右划分。1.2菜单分两级，并且可以折叠。2通过接口获取菜单数据二代码1新增主页 Home.vue2注册组件element.js3修改main.js4新增欢迎组件 Welcome.vue5修改路由 index.js三测试效果四代码参考一点睛1 整体布局1.1 先上下划分，在左右划分。1.2菜单分两级，并且可以折叠。2通过接口获取菜单数据通过ax...
2020-08-25 20:05:58
1821
原创 电商后台管理系统登录功能前端实现
目录一登录概述1 登录业务流程2登录业务的相关技术点3token 和 cookie/session一般选型策略4路由导航守卫控制访问权限5退出功能实现原理二登录—— token原理分析三登录功能实现登录页面的布局四梳理项目结构1清理APP.vue组件2清理路由文件index.js3删除不必要的文件五安装less-Loader和less依赖六将阿里的图标库放到下面目录七 代码1新建登录组件 Login.vu...
2020-08-23 16:52:00
5352
原创 电商后台管理系统项目后台项目的环境安装及配置
一后台项目地址https://gitee.com/cakin24/vueShop-api-server二 安装和配置1安装Mysql数据库参考源码中的 《mydb.sql》2安装Node.js3安装项目依赖F:\vue\vueShop-api-server>npm install4修改配置文件default.json中的数据库信息{ "config_name" : "develop", "jwt_config" : { ...
2020-08-23 11:26:19
778
1
原创 电商后台管理系统项目介绍和项目初始化
目录一电商项目基本业务概述二电商后台管理系统功能三电商后台管理系统的开发模式（前后端分离）四电商后台管理系统的技术选型五 前端项目初始化步骤六创建新项目七 安装 element-UI插件八配置element-UI为按需导入九安装axios十码云上创建 vue_shop仓库，将初始化项目托管到码云一电商项目基本业务概述根据不同的应用场景，电商系统一般都提供了PC端、移动APP、移动Web、微信小程序等多种终端访问方式。二电商后...
2020-08-23 10:30:18
12074
3
原创 Element-UI组件实现普通登录
一代码1创建登录视图 Login.vue<template> <div class="login"> <h1>普通登录组件</h1> <div class="account"> <!--属性绑定 rule-form：绑定表单数据 rules：绑定表单规则 @submit：成功提交回调 ..
2020-08-22 16:49:59
1885
原创 Vue实现页面导航实战
一使用技术栈1组件及组件间传值2axios实现读取json数据：商品数据源存于json中3css相关技术进行布局：布局、间距等样式4使用views页面级组件，使用router设置页面二创建项目1创建项目F:\vue\proj>vue create proj2选择必要组件? Check the features needed for your project:(*) Babel( ) TypeScript( ) Progressive Web...
2020-08-22 15:24:32
3042
原创 Element-UI组件实现全局回到顶部功能
目录一项目创建步骤二删除不必要的文件三删除不必要的代码四安装element-ui五启动项目六测试七正式编写的代码八测试效果九源码地址一项目创建步骤1创建项目vue create ele-components2选择必要组件? Check the features needed for your project:(*) Babel( ) TypeScript( ) Progressive Web App (PWA) Su...
2020-08-21 19:49:12
2007
原创 Java实现Web工具类
一点睛我们常常需要利用web工具类发送get或post请求，在此提供一个工具类。二代码package com.imooc.demo.common.util;import org.apache.http.*;import org.apache.http.client.HttpRequestRetryHandler;import org.apache.http.client.config.RequestConfig;import org.apache.http.client.enti..
2020-08-21 18:11:57
340
原创 Java实现XML与Map转换工具类
一点睛我们常常会遇到XML和Map的转换，在此提供一个工具类。二代码package com.imooc.demo.common.util;import org.apache.commons.lang3.StringUtils;import org.dom4j.DocumentException;import org.dom4j.DocumentHelper;import org.dom4j.Element;import java.util.*;/** * @classN..
2020-08-21 18:10:53
779
原创 Java实现签名工具类
一点睛签名和验证签名常常用于网络安全，在此提供一个工具类。二代码package com.imooc.demo.common.util;import org.apache.commons.codec.digest.DigestUtils;import org.apache.commons.lang3.StringUtils;import org.dom4j.DocumentException;import javax.servlet.http.HttpServletRequest..
2020-08-21 18:09:17
1948
原创 Java实现MD5的加密工具类
一点睛MD5加密算法虽然已经过时，但在一些安全性不太高的行业仍然广受欢迎，在此提供一个MD5加密工具类。二代码package com.imooc.demo.common.util;import org.apache.commons.lang3.StringUtils;import org.slf4j.Logger;import org.slf4j.LoggerFactory;import java.io.IOException;import java.security.Mes..
2020-08-20 19:14:41
1428
原创 Java实现图片水印工具类
一点睛给图片加水印是一种常见的防伪技术，在此提供一个图片水印工具类。二代码package com.imooc.demo.common.util;import javax.imageio.ImageIO;import javax.swing.*;import java.awt.*;import java.awt.image.BufferedImage;import java.io.File;import java.io.FileOutputStream;import java..
2020-08-20 19:08:30
815
原创 Java实现Http客户端工具类
一点睛Http客户端工具类是我们常见工具类，在此提供一个。二代码package com.imooc.demo.common.util;import java.io.File;import java.io.FileInputStream;import java.io.IOException;import java.io.InputStream;import java.io.OutputStream;import java.io.UnsupportedEncodingExcept..
2020-08-20 19:02:38
1957
1
原创 Java实现文件操作工具类
一点睛操作文件是我们常见操作，在此提供一个文件工具类。二代码package com.imooc.demo.common.util;import org.apache.commons.lang3.StringUtils;import sun.misc.BASE64Encoder;import java.io.*;import java.net.URLEncoder;/** * @className: FileUtils * @description: 文件操作工具类 *..
2020-08-20 18:59:10
392
原创 Java实现快递查询工具类
一点睛1 通过调用快递API接口，查询快递信息。2官网https://www.kuaidi100.com/3API接口文档https://api.kuaidi100.com/help/doc/?code=5f0ffa8f2977d50a94e1023c&openKey=快递信息推送服务二代码package com.imooc.demo.common.util;import com.alibaba.fastjson.JSON;import com.aliba...
2020-08-20 18:54:39
1217
原创 Java实现IP地址获取工具类
一点睛获取IP地址是我们常常需要实现的一个功能，在此提供一下工具类。二代码1工具类package com.imooc.demo.common.util;import javax.servlet.http.HttpServletRequest;/*** @className: RequestIpUtils* @description: 获取用户真实IP* @date: 2020/8/20* @author: cakin*/public class RequestIp...
2020-08-20 18:41:05
481
原创 Java实现日期工具类
一点睛我们常常需要对日期进行各种转换，在此提供一个工具类。二代码package com.imooc.demo.common.util;import java.text.ParseException;import java.text.SimpleDateFormat;import java.util.*;/** * @className: DateUtils * @description: 日期工具类 * @date: 2020/8/18 * @author: cakin..
2020-08-18 20:02:12
652
原创 Java实现阿里云发短信功能
一点睛1阿里云短信开发文档https://helpcdn.aliyun.com/document_detail/55284.html2阿里云AK申请https://usercenter.console.aliyun.com/#/manage/ak二代码/*** Copyright (C), 2020-2020, 软件公司* FileName: SmsUtils.java* Author: cakin* Date: 2020/8/18* Descript...
2020-08-18 19:51:16
963
原创 Java实现读写属性文件工具类
一点睛我们常常需要对属性文件进行读写操作，在此提供一个工具类。二代码package com.imooc.demo.common.util;import java.io.*;import java.util.Properties;/*** Copyright (C), 2020-2020, 软件公司* FileName: PropertiesUtils.java* Author: cakin* Date: 2020/8/18* Description: 属性文..
2020-08-18 19:43:42
326
原创 Java实现汉字转拼音
一引入依赖<!--汉字转拼音--><dependency> <groupId>com.belerweb</groupId> <artifactId>pinyin4j</artifactId> <version>2.5.0</version></dependency>二代码package com.imooc.demo.common.util;impor..
2020-08-18 19:37:52
234
原创 Java反射和正常方式性能测试
一代码package com.cakin.javademo;import java.lang.reflect.InvocationTargetException;import java.lang.reflect.Method;/*** @ClassName: Reflection* @Description: 反射性能测试* @Date: 2020/8/15* @Author: cakin*/public class Reflection { public stat.
2020-08-15 13:57:47
156
原创 Windows下通过压缩包安装Mysql
目录一 安装建议二 安装步骤三 说明四 参考一 安装建议1 尽量不要使用 exe 安装，因为会在注册表中注册很多东西，卸载起来很不方便。2 尽可能使用压缩包安装，在此使用zip压缩包进行安装。二 安装步骤1 解压2 把zip包放到自己的电脑环境目录（所有的环境可以放到一个目录中）下，以便于管理。3 配置环境变量D:\Environment\mysql-5.7.19\bin4 新建 mysql 配置文件 D:\Environment\mysql-5.7.1
2020-08-15 13:27:41
1138
2
原创 jenkins+gitee 实现自动化部署项目到centos上
一原理图二环境部署说明 服务器 部署说明 IP 开发机器 IDEA，部署在Windows上。 版本控制服务器 源码在码云上部署。 码云服务器 jenkins服务器 jekins自动化部署服务器，部署在windows上。 ...
2020-08-09 11:01:39
6249
原创 应用部署服务器准备
一点睛Jekins服务器和应用服务器是部署在不同环境上的，本篇主要是简单介绍应用部署服务器的准备。我们是在Linux服务上部署。二 Linux系统准备1确定IP地址ifconfig2确定登录用户名、密码3确定可以远程ssh连接netstat -anp|grep 224确定防火墙处于关闭状态service iptables status三 安装Java环境yum install javajava -version四 安装并配置Git1运...
2020-08-08 10:56:50
430
原创 Jenkins简介
一自动测试环境部署优点程序自动部署，节约时间 环境一键搭建，不怕频繁改代码 我的环境我做主二学习jenkins搭建环境基本思路三搭建环境前的准备1服务器：OSLInuxCentOS2数据库服务器：MySQLServer3在码云上注册一个账户4Java开发工具IDEA准备四Jenkins基础1简介通用的开源平台 常用于自动化测试，持续集成2Jenkins安装下载jenkinshttps://www.jenkins.io/...
2020-08-08 09:56:16
287
原创 反射注入失败问题解决
一问题提出当使用反射机制，会使得类中注入对象为空，注入失效。二解决方式使用Spring的ApplicationContext可以解决注入失败问题。三代码1工具类/*** Copyright (C), 2020-2020, 软件公司* FileName: ApplicationContextHelper.java* Author: cakin* Date: 2020/8/5* Description: 获取环境中的bean*/package com....
2020-08-07 22:03:29
1278
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人