电商系统前后端开发(Vue+SSM)
电商系统前后端开发(vue + Element UI + Vue Element Admin + SSM + 微信支付)
一角残叶
人生如逆旅,我亦是行人
展开
-
电商系统前后端开发(Vue+Springboot)(26) - GoEasy 异步支付结果
1 GoEasyhttps://www.goeasy.io/ <dependency> <groupId>io.goeasy</groupId> <artifactId>goeasy-sdk</artifactId> <version>0.3.14</version> </dependency>1.1原创 2020-09-09 15:13:38 · 854 阅读 · 0 评论 -
电商系统前后端开发(Vue+Springboot)(25) - 回应消息给微信后台
1原创 2020-09-09 14:15:57 · 197 阅读 · 0 评论 -
电商系统前后端开发(Vue+Springboot)(24) - 微信支付后台接口
1 后台接口pom<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xs原创 2020-09-08 22:49:57 · 445 阅读 · 0 评论 -
电商系统前后端开发(Vue+Springboot)(23) - 微信支付
1 微信支付https://pay.weixin.qq.com/wiki/doc/api/native.php?chapter=6_1下载 SDK2 微信支付工程MyWXPayDomainpackage com.github.wxpay.sdk;public class MyWXPayDomain implements IWXPayDomain { public void report(String domain, long elapsedTimeMillis, Excep原创 2020-09-08 15:29:34 · 530 阅读 · 0 评论 -
电商系统前后端开发(Vue+Springboot)(22) - 分页
1 分页1.1 pagination 分页实现实现的是真分页1.2 分页的分类2 PageHelper 的使用https://github.com/pagehelper/pagehelper-spring-boot<dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-s原创 2020-09-07 15:43:09 · 176 阅读 · 0 评论 -
电商系统前后端开发(Vue+Springboot)(21) - 添加商品
1 添加路由2 商品列表页面3 后端接口 @RequestMapping(value="/addproduct",method = RequestMethod.POST) public String addProductById(TProduct tProduct){ tProduct.setCreateTime(new Date()); tProduct.setCreateUser(1L); tProduct.setTypeId(1L)原创 2020-09-07 10:31:49 · 715 阅读 · 0 评论 -
电商系统前后端开发(Vue+Springboot)(20) - 商品删除
1 删除商品1.1 后端接口1.2 前端页面原创 2020-09-07 09:28:13 · 263 阅读 · 0 评论 -
电商系统前后端开发(Vue+Springboot)(18) - 商品编辑(1)
1 商品列表页面添加编辑按钮2 路由表中注册商品编辑页import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)/* Layout */import Layout from '@/layout'/** * Note: sub-menu only appear when route children.length >= 1 * Detail see: https://panjiachen.git原创 2020-09-07 08:32:32 · 265 阅读 · 0 评论 -
电商系统前后端开发(Vue+Springboot)(17) - 商品列表展示
1 在 main.js 引入 axios2 商品展示<template> <div class="app-container"> <el-table :data="list" border fit highlight-current-row > <el-table-column align="center" label="序号" width="95">原创 2020-09-06 15:41:30 · 647 阅读 · 0 评论 -
电商系统前后端开发(Vue+Springboot)(16) - 后端搭建
1 数据库和表CREATE TABLE `t_product` ( `id` bigint(20) NOT NULL AUTO_INCREMENT, `name` varchar(36) NOT NULL, `images` varchar(256) NOT NULL, `price` bigint(20) NOT NULL, `sale_price` bigint(20) NOT NULL, `sale_point` varchar(64) NOT NULL, `type_i原创 2020-09-06 15:11:14 · 316 阅读 · 1 评论 -
电商系统前后端开发(Vue+Springboot)(15) - vue-element-admin
1 vue-element-admin克隆 vue-element-admin 完整模板到本地 git clone https://github.com/PanJiaChen/vue-element-admin.git,方便拿组件直接到项目中使用克隆基础模板到本地 git clone https://github.com/PanJiaChen/vue-admin-template.git1.1 给基础模板安装依赖https://panjiachen.github.io/vue-eleme原创 2020-09-06 10:24:48 · 323 阅读 · 0 评论 -
电商系统前后端开发(Vue+Springboot)(14) - 嵌套路由的使用
1 子路由2 重定向3 路由传参的两种方法3.1 方式13.2 方式24 路由钩子与异步请求4.1 路由钩子函数原创 2020-09-05 10:03:31 · 152 阅读 · 0 评论 -
电商系统前后端开发(Vue+Springboot)- 首页的简单尝试
1原创 2020-09-04 23:07:45 · 424 阅读 · 0 评论 -
电商系统前后端开发(Vue+Springboot)(13) - webpack-Vue 项目
1 新建 webpack 项目安装依赖1.1 配置路由App.vue 中创建路由视图启动项目2 登录页面制作main.js// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.import Vue from 'vue'import原创 2020-09-04 17:08:23 · 246 阅读 · 0 评论 -
电商系统前后端开发(Vue+SSM)(12) - 路由
1 路由1.1 安装路由模块1.2 创建静态路由表1.3 在 main.js 使用路由模块以及绑定路由表import Vue from 'vue'import App from './App.vue'import axios from 'axios'import VueAxios from "vue-axios"// 1.引入路由模块import VueRouter from 'vue-router'// 2.引入静态路由表import {routes} from './原创 2020-09-04 14:21:30 · 269 阅读 · 0 评论 -
电商系统前后端开发(Vue+SSM)(11) - 跨域问题
1 跨域问题同源2 解决方法2.1 使用 CORS(跨资源共享)2.2 使用 JSONP2.3 CORS 和 JSONP 区别原创 2020-09-04 10:08:56 · 164 阅读 · 0 评论 -
电商系统前后端开发(Vue+SSM)(10) - 发送 Ajax 请求
1 Axios1.1 为何使用 Axios原创 2020-09-04 09:52:56 · 250 阅读 · 0 评论 -
电商系统前后端开发(Vue+SSM)(9) - 组件注册和消息传递
1 项目中组件的全局注册2 本地注册App.vue<template> <div id="app"> <MyHeader></MyHeader> <MyContent></MyContent> <MyBottom></MyBottom> </div></template><script>原创 2020-09-03 23:20:23 · 248 阅读 · 0 评论 -
电商系统前后端开发(Vue+SSM)(8) - 新建 webpack simple 项目模板
1 vue-cli1.1 创建 webpack simple 模板项目安装nodejs安装 vue-cli npm install vue-cli -g设置淘宝 npm 镜像https://developer.aliyun.com/mirror/NPM?from=tnpm新建项目安装项目依赖开发模式运行项目...原创 2020-09-03 21:57:53 · 218 阅读 · 0 评论 -
电商系统前后端开发(Vue+SSM)(7) - vue 结合 bootstrap搭建首页
1 搭建首页https://www.bootcss.com/原创 2020-09-03 17:00:32 · 304 阅读 · 0 评论 -
电商系统前后端开发(Vue+SSM)(6) - vue 组件
1 Vue 组件1.1 全局组件<body><div id="app"> <model1></model1></div></body><script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.10/vue.js"></script><script> Vue.component("model1",{原创 2020-09-03 15:49:54 · 156 阅读 · 0 评论 -
电商系统前后端开发(Vue+SSM)(5) - vue实例属性
1 Vue 虚拟 DOM 和 diff 算法2 分支语句3 Vue 对象之间的操作3.1 操作属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue 测试案例</title></head><body><div id="app1"> {{title}}原创 2020-09-03 15:07:11 · 188 阅读 · 0 评论 -
电商系统前后端开发(Vue+SSM)(4) - vue 改变样式
1 class 动态绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue 测试案例</title> <style> .mydiv{ width: 400px; height:220px; background-co原创 2020-09-03 14:21:41 · 213 阅读 · 0 评论 -
电商系统前后端开发(Vue+SSM)(3)
1 计算属性<body><div id="app"> 函数获取时间: {{getCurrentTime()}} <br> 计算属性获取时间:{{getCurrentTime1}}</div></body><script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.10/vue.js"></script><script>原创 2020-09-03 10:51:11 · 220 阅读 · 0 评论 -
电商系统前后端开发(Vue+SSM)(2)
1 事件1.1 参数传递<body><div id="app"> {{count}} <button type="button" @click="addBtn(2)">增加</button></div></body><script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.10/vue.js"></script><scrip原创 2020-09-03 10:04:49 · 177 阅读 · 0 评论 -
电商系统前后端开发(Vue+SSM)(1)
1 Vue渐进式的 js 框架1.1 VM 实现原理1.2 其他 MVVM 实现者1.3 vue CDNhttps://www.bootcdn.cn/https://www.bootcdn.cn/vue/2.6.10/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue 测试案例</title>原创 2020-09-03 08:50:57 · 508 阅读 · 0 评论