初学者完整体验
文章平均质量分 85
一逝鸿轩寂
此人很懒,什么都写了!
展开
-
自学实践前后端项目4 MMall商城 7
一。地址管理1.前端改为userAddress2.OrderController增加两个需要的元素3.接口 服务也加上去4.在OrderServiceImpl实现层判断是否为新地址再进行保存//先判断新老地址if (orders.getUserAddress().equals("newAddress")){ //存入数据库 UserAddress userAddress = new UserAddress(); userAddr...原创 2021-11-30 23:45:00 · 419 阅读 · 0 评论 -
自学实践前后端项目4 MMall商城 6
一.接着系统做进入结算的页面以及实1)订单的创建设置确认结算时候的跳转页面路径实际路径获取和映射测试点击确定结算跳转页面前端映射测试获取2)实现购物车里面的商品增加减少时候数据库同步更新【1】增加购物车商品加减的访问路径和方法【2】在js里面从新定义加减条件//商品增加function addQuantity(obj){ var index = $(".car_btn_2").index(obj); var quantit...原创 2021-11-29 22:15:00 · 373 阅读 · 0 评论 -
自学实践前后端项目4 MMall商城 5
一.首页购物车显示功能实现1.CartController新增一条查询到ProductCategoryController2.前端对应变更完成之后测试3.再实现这个购物车统计显示随点击页面跳转到其他页面也同时显示购物车商品总数的计算点击商品详情的时候也跟着跳转赋值继续实现这个小框的信息里面点击查看详情跳转到商品详细信息新增封装新增实现层方法前端对应解析点击购物车第一个小图片商品进入详情...原创 2021-11-28 23:45:00 · 313 阅读 · 0 评论 -
自学实践前后端项目4 MMall商城 4
一。实现商品详情展示1.测试获取后台当个商品的信息2.实现通过点击商品名称和商品图片进入商品详情页面1)查找出商品信息2)在前端进行映射3)设置库存选择限制判断逻辑$(function(){ //给type绑定点击事件 $(".type").click(function () { var index = $(".type").index(this); var obj...原创 2021-11-28 23:00:00 · 342 阅读 · 0 评论 -
自学实践前后端项目4 MMall商城 3
一.用户注册1)正则表达式:学习了解正则表达式用于验证用户登录的时候格式是否正确,需要用到什么就百度找什么类型的格式对应的表达式2)编写对应方法打断点测试获取成功3)进行存入数据库操作【1】创建时间已经更新自动生成功能增加判断和保存操作注册成功之后返回登录界面启动服务进行注册测试保存到数据库登录成功4)抛出用户名重复异常提示用户修改后重试使用try/catch方法捕获异常前端修改显示测试用已存在的用...原创 2021-11-27 23:45:00 · 272 阅读 · 0 评论 -
自学实践前后端项目4 MMall商城 2
一。搭建静态页面1)UserController里面实现登录操作@Autowiredprivate UserService userService;@PostMapping("/login")public String login(String loginName, String password, HttpSession session){ QueryWrapper wrapper = new QueryWrapper(); wrapper.eq("login_name"原创 2021-11-26 23:45:00 · 278 阅读 · 0 评论 -
自学实前后端践项目4 MMall商城 1
一.开发环境1.JDK8以上+Spring Boot 2.3.0+Thymeleaf+MyBatis Plus3.3.1+MySQL8.0+2.部署:Linux,,(阿里云 腾讯云)JDK8+,MySQL8.03.部署方式:jar包部署,不需要Tomcat二.新建工程1)创建工程创建完成2)添加依赖pom.xml中加上三个依赖<dependency> <groupId>com.baomidou</groupId...原创 2021-11-25 23:30:00 · 590 阅读 · 0 评论 -
自学实前后端践项目3 Spring Cloud微服务 8
九。后台管理系统1.前面基本上的功能都已经实现了,最后就行优化和界面管理!1)过滤器接口实现直接访问主页面的时候需要先登录的功能在client里面创建filter创建UserFilter 类然后引入Filter重写方法package com.redhat.filter;import com.redhat.entity.User;import org.springframework.stereotype.Component;import javax.servlet.*;impor原创 2021-11-24 17:00:00 · 168 阅读 · 0 评论 -
自学实前后端践项目3 Spring Cloud微服务 7
原创 2021-11-23 17:26:18 · 365 阅读 · 0 评论 -
自学实前后端践项目3 Spring Cloud微服务 6
六.服务消费者整合user先添加两个前端:链接:https://pan.baidu.com/s/1phn9ejGF_21Gp-WGJ9qsCA提取码:ul6d在User下创建封装VOpackage com.redhat.entity;import lombok.Data;import java.util.List;@Datapublic class UserVO { private int code; private String msg;...原创 2021-11-23 15:31:59 · 683 阅读 · 0 评论 -
自学实前后端践项目3 Spring Cloud微服务 5
五。接下来呢接着上期开始增加编辑操作前端页面分享存放到client的static文件夹下链接:https://pan.baidu.com/s/1WLglEFpVb4fGNq7CJCymBg提取码:6niiclient menuhandler添加修改查询代码@GetMapping("/findById/{id}")public ModelAndView findById(@PathVariable("id") long id){ ModelAndView modelAndVi.原创 2021-11-20 02:15:00 · 470 阅读 · 0 评论 -
自学实前后端践项目3 Spring Cloud微服务 4
三.服务消费者整合第二回合处理页面调用分页异常(menuRepository.count())package com.redhat.controller;import com.redhat.entity.MenuVO;import com.redhat.repository.MenuRepository;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.bean原创 2021-11-18 03:45:00 · 350 阅读 · 0 评论 -
自学实前后端践项目3 Spring Cloud微服务 3
二.服务消费者整合menu创建新的文件夹创建服务消费者依赖<dependencies> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-netflix-eureka-client</artifactId> <version&.原创 2021-11-17 02:15:00 · 372 阅读 · 0 评论 -
自学实前后端践项目3 Spring Cloud微服务 2
创建服务提供者menu数据库文件设计资料-- MySQL dump 10.13 Distrib 8.0.11, for macos10.13 (x86_64)---- Host: 127.0.0.1 Database: orderingsystem-- -------------------------------------------------------- Server version 8.0.11/*!40101 SET @OLD_CHARACTER_SET_CL...原创 2021-11-16 01:30:00 · 307 阅读 · 0 评论 -
自学实前后端践项目3 Spring Cloud微服务 1
一.项目需求拆分微服务1.account提供账户服务(用户管理员的登录退出)2.menu提供菜品服务:添加,删除,修改,查询菜品3.order提供订单服务:添加,删除,处理,查询订单4.user提供用户服务:添加用户,查询用户,删除用户分离出服务消费者调用四个服务提供者,服务消费者包含客户端的前端页面和后台接口,还有后台管理系统的前端页面和后台系统。用户管理员直接访问资源都保存在服务消费者中,服务消费者根据具体的需求来调用四个服务提供者的业务逻辑,通过feign实现负载均衡。..原创 2021-11-15 08:00:00 · 404 阅读 · 0 评论 -
自学实前后端践项目2 phone Store 9
实现具体功能展示四种类型选择1234点击购买必须选一件提示必须选规格提示点选32或者64购买或者选64修改或新增地址然后选择一个下单修改地址修改后立即返回显示新增地址选择地区api功能展示填好必填信息新增成功选择一个地址这里选择的新建的地址点击付款后成功页面点击查看订单详情ok手机商城项目已经全部完成了...原创 2021-11-13 21:49:08 · 372 阅读 · 0 评论 -
自学实前后端践项目2 phone Store 8
这一章主要是写在上面的实现过程中所进行的测试这些文件的测试都是用go to 方法新建的测试类1)BuyerAddressRepositoryTest地址功能相关测试package com.southwind2.phone_store_demo.repository;import com.southwind2.phone_store_demo.entity.BuyerAddress;import org.junit.jupiter.api.Test;import org.springfr原创 2021-11-13 21:35:42 · 474 阅读 · 0 评论 -
自学实前后端践项目2 phone Store 7
最后就是传递交互层前后端对接1.创建文件夹controller1)AddressHandler地址相关交互调用对接设置路径package com.southwind2.phone_store_demo.controller;import com.southwind2.phone_store_demo.exception.PhoneException;import com.southwind2.phone_store_demo.from.AddressForm;import com.so原创 2021-11-13 20:24:25 · 175 阅读 · 0 评论 -
自学实前后端践项目2 phone Store 6
接着上期1.WebMvcConfigurer配置类其实是Spring内部的一种配置方式,采用JavaBean的形式来代替传统的xml配置文件形式进行针对框架个性化定制,可以自定义一些Handler,Interceptor,ViewResolver,MessageConverter。基于java-based方式的spring mvc配置,需要创建一个配置类并实现WebMvcConfigurer接口;在项目创建文件夹config在文件夹下创建CorsConfigpackage com.south.原创 2021-11-13 20:18:50 · 140 阅读 · 0 评论 -
自学实前后端践项目2 phone Store 5
接着上期创建service文件夹创建接口和实现层在文件中创建接口1.方法调用层1)AddressService(定义实现地址查找更新保存的方法)package com.southwind2.phone_store_demo.service;import com.southwind2.phone_store_demo.from.AddressForm;import com.southwind2.phone_store_demo.vo.AddressVO;import java.u原创 2021-11-13 18:45:13 · 509 阅读 · 0 评论 -
自学实前后端践项目2 phone Store 4
接着上期1.对数据进行分类封装按照前端需要的数据进行整合VO1)AddressVOpackage com.southwind2.phone_store_demo.vo;import lombok.AllArgsConstructor;import lombok.Data;@Data@AllArgsConstructorpublic class AddressVO { private Integer id; private String areaCode;原创 2021-11-13 18:06:28 · 270 阅读 · 0 评论 -
自学实前后端践项目2 phone Store 3
1.创建下面是后端新建步骤建好后写入数据库连接代码写到yml文件中spring: datasource: url: jdbc:mysql://localhost:3306/book?useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai username: root password: 123456 driver-class-na...原创 2021-11-13 17:57:07 · 869 阅读 · 0 评论 -
自学实前后端践项目2 phone Store 2
前端的页面以及路由配置1.创建views文件夹存放vue文件1)addressEdit.vue文件<template> <van-address-edit :area-list="areaList" show-delete :address-info="addressInfo" save-button-text="修改" @save="onSave"原创 2021-11-13 15:29:45 · 1321 阅读 · 0 评论 -
自学实前后端践项目2 phone Store 1
phone Store基于移动端的手机基于Spring Boot +Vue前端技术栈Vue+Vant UI +less相关插件安装npm i vant -Snpm i axios -Snpm install less less-loader --save后端技术栈Spring Boot + Spring DataJPA数据库MySQL...原创 2021-11-13 12:08:42 · 1594 阅读 · 0 评论 -
自学实践项目2Element UI的使用
1.安装插件原创 2021-11-06 11:17:06 · 286 阅读 · 0 评论 -
自学前后端分离1 Spring Boot+Vue概述
一,前后端分离。前后端分离时将一个应用的前端代码和后端代码分开写,如果不用前后端分离传统的JavaWeb开发中前端使用JSP开发,JSP不是由后端开发者来独立完成的前端--〉html静态页面---->后端---〉JSPR这种开发效率极低,可以用前后端分离方式进行开发,就可以完美地解决这一问题。前端只需要独立完成编写客户端代码,后端也只需要独立编写服务端代码提供数据接口即可。前端通过Ajax请求来访问后端的数据接口,将Model展示到Web中即可。前后端开发者只需要提前预约好接口文档(URL原创 2021-10-30 12:06:29 · 1307 阅读 · 0 评论