
电商项目(畅购)
文章平均质量分 86
学习电商项目的开发
是思念か在说谎
这个作者很懒,什么都没留下…
展开
-
畅购电商项目-05-搜索模块-2021-06-23
6.搜索模块6.1构建列表页步骤一:创建 ~/pages/list/_cid.vue 页面步骤二:复制静态list.html页面到 list/_cid.vue中,并修改js和css引用方式1)修改页面,完善标签2)替换图片路径<template> <div> <!-- 顶部导航 start --> <!-- 省略 html原有内容 --> <!-- 底部版权 end -->原创 2021-06-23 21:25:46 · 328 阅读 · 0 评论 -
畅购电商项目-05-首页模块-2021-06-22
5.首页模块5.1构建首页步骤一:创建 ~/pages/index.vue页面步骤二:复制静态index.html页面到 index.vue中,并修改js和css引用方式<template> <div> <!-- 复制需要的index.html,此处省略 html原有内容 --> </div></template><script>export default { head: { tit原创 2021-06-22 21:29:07 · 137 阅读 · 0 评论 -
畅购电商项目-04-JWT权限校验-2021-06-17
4.9整合JWT生成token:在用户登录成功,根据用户的登录信息,生成登录标识token,并返回给浏览器。使用token:完善ajax请求,在请求之前添加请求头,设置token校验token:在网关中编写过滤器,进行请求进行拦截,并校验token。白名单:在白名单中的请求,是不需要token可以直接访问的。4.9.1生成Token用户登录成功,生成token,并将token响应给浏览器。(认证服务 AuthService)步骤一:查看 application.yml文件,确定 jwt配原创 2021-06-17 20:31:40 · 193 阅读 · 0 评论 -
畅购电商项目-03-用户登录-2021-06-15
4.8用户登录4.8.1构建页面:Login.vue步骤一:创建Login.vue步骤二:绘制通用模块<template> <div> <TopNav></TopNav> <div style="clear:both;"></div> <HeaderLogo></HeaderLogo> <div style="clear:both;"></div原创 2021-06-15 19:55:22 · 433 阅读 · 0 评论 -
畅购电商项目-02-用户注册-2021-06-11
4.用户模块(8081)4.1搭建环境4.1.1后端web服务:changgou4-service-web修改pom.xml文档<?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:schemaLocat原创 2021-06-11 17:52:04 · 320 阅读 · 1 评论 -
Nuxt项目的安装和使用
1. 什么是Nuxt.jsNuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI 渲染。Nuxt.js 预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置。2 安装2.1 create-nuxt-app 介绍Nuxt.js 提供了脚手架工具 create-nuxt-appcreate-nuxt-app 需要使用 npxnpx 命令为 NPM版本5.2.0默认安装组件2.2原创 2021-05-19 09:37:12 · 727 阅读 · 0 评论 -
电商项目(畅购)-01-环境搭建
1.目标1.1搭建环境1.2完成项目功能2.环境搭建2.1 父项目2.1.1父工程:changgou4-parent-ali修改pom.xml文件,确定spring boot、spring cloud、spring cloud Alibaba 等版本<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="ht原创 2021-05-14 21:12:34 · 363 阅读 · 0 评论