尚筹网
尚硅谷尚筹网项目实战学习
1、这是一个前后端不分离的项目,主要重点在前端,而我关注的是后端,不会在看第二次视频,复习笔记的时候要注意重点。
OceanStar的学习笔记
这个作者很懒,什么都没留下…
展开
-
尚筹网:Role分配Auth权限
准备建权限表CREATE TABLE `t_auth` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(200) DEFAULT NULL, `title` varchar(200) DEFAULT NULL, `category_id` int(11) DEFAULT NULL, PRIMARY KEY (`i...转载 2020-01-08 15:41:21 · 646 阅读 · 0 评论 -
尚筹网:Admin分配Role角色
权限验证给Admin分配Role创建中间表CREATE TABLE inner_admin_role ( id INT (11) NOT NULL auto_increment, admin_id INT (11), role_id INT (11), PRIMARY KEY (id));※说明:不做逆向工程,直接使用SQL操作。思路调整"分配"按钮所在工程:atcr...转载 2020-01-08 14:31:08 · 602 阅读 · 0 评论 -
尚筹网:菜单维护之增加/更新
生成按钮组/atcrowdfunding-admin-1-webui/src/main/webapp/script/my-menu.js// 专门生成按钮组的函数function generateBtnGrp(treeNode) { // 获取当前节点的id(HTML中li标签的id) var treeNodeId = treeNode.tId; // 获取当前节点在数据库中...转载 2020-01-08 11:46:04 · 218 阅读 · 0 评论 -
尚筹网:菜单维护之在页面显示树形结构的后端部分
把树形结构组装好,具体来说是:给前端返回根节点对象。在根节点中包含子节点,子节点中再包含下一级的子节点。代码handler方法中的具体操作/atcrowdfunding-admin-2-component/src/main/java/com/atguigu/crowd/funding/handler/MenuHandler.java@RequestMapping("/menu/get...转载 2020-01-07 17:15:56 · 322 阅读 · 0 评论 -
尚筹网:菜单维护之建模
建立数据库表CREATE TABLE t_menu ( id INT (11) NOT NULL auto_increment, pid INT (11), `name` VARCHAR (200), url VARCHAR (200), icon VARCHAR (200), PRIMARY KEY (id));insert into `t_menu` (`id`, `p...转载 2020-01-07 16:58:22 · 177 阅读 · 0 评论 -
尚筹网:@RestController与异步异常映射
@RestController1、观察handler方法,可以看到每一个方法上面都有一个@ResponseBody, 这时我们可以将@ResponseBody提升到类上2、@RestController = @Controller + @ResponseBody异常映射兼容异步请求异常表现Ajax请求在服务器端处理过程中抛出异常,经过/atcrowdfunding-admin-2-co...转载 2020-01-07 15:50:59 · 513 阅读 · 0 评论 -
尚筹网:角色维护之更新角色
步骤给“铅笔”按钮绑定单击响应函数因为“铅笔”按钮是动态生成的,所以需要使用on()方式打开模态框准备模态框把roleId保存到全局变量获取到当前“铅笔”按钮所在行的roleName使用roleName回显模态框中的表单给“更新”按钮绑定单击响应函数收集文本框内容发送请求请求处理完成关闭模态框、重新分页给“铅笔”按钮绑定单击响应函数标记"铅笔...转载 2020-01-07 14:59:20 · 168 阅读 · 0 评论 -
尚筹网:角色维护之新增角色
步骤给“新增”按钮绑定单击响应函数打开模态框给“保存”按钮绑定单击响应函数收集文本框内容发送请求请求处理完成关闭模态框、重新分页、清理表单给"新增"按钮绑定单击响应函数标记"新增按钮"将/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF/role-page.jsp中的<button type="butt...转载 2020-01-07 14:29:33 · 201 阅读 · 0 评论 -
尚筹网:角色维护之点击ok执行批量删除&单条删除
点击模态框ok按钮执行批量删除标记OK按钮/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF/include-modal-role-confirm.jsp中: id=“confirmModalBtn”绑定单击响应函数/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF/role-...转载 2020-01-07 12:13:33 · 213 阅读 · 0 评论 -
尚筹网:批量删除角色之给批量删除按钮绑定单击响应函数
标记批量删除按钮/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF/role-page.jsp中: <button type="button" class="btn btn-danger" style="float: right; margin-left: 10px;"> <i class="...转载 2020-01-07 11:28:19 · 234 阅读 · 0 评论 -
尚筹网:批量删除角色之准备
准备模态框1、在/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF下创建include-modal-role-confirm.jsp文件保存模态框内容:准备模态框的HTML标签<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="...转载 2020-01-07 11:10:45 · 144 阅读 · 0 评论 -
尚筹网:角色维护之批量选择
全选/全不选功能标记要操作的多选框具体实现标记总checkbox:/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF/role-page.jsp中 ----- id=“summaryBox”itembox:/atcrowdfunding-admin-1-webui/src/main/webapp/script/my-role....转载 2020-01-06 17:10:06 · 121 阅读 · 0 评论 -
尚筹网:角色维护之分页前端部分
准备layer弹层组件在工程中加入layer资源2019尚筹网单一+分布式架构\单一架构\资料\前端\layer-v3.1.1\layer在页面导入layer开发环境考虑到每个页面都有可能用到,所以在include-head.jsp文件中引入<script type="text/javascript" src="layer/layer.js"></script>...转载 2020-01-06 16:30:58 · 271 阅读 · 0 评论 -
尚筹网:角色维护之分页后端部分
流程分析sqlSELECT id, `name`FROM t_roleWHERE `name` LIKE CONCAT('%', '', '%')RoleMapper.xml<select id="selectForKeywordSearch" resultMap="BaseResultMap"> SELECT id, `name` FROM t...转载 2020-01-06 15:30:08 · 119 阅读 · 0 评论 -
尚筹网:数据库逆向工程以及显示页面
创建模型CREATE TABLE t_role ( `id` INT (11) NOT NULL auto_increment, `name` VARCHAR (255), PRIMARY KEY (id));逆向工程1、修改/atcrowdfunding-reverse/src/main/resources/generatorConfig.xml<table tableN...转载 2020-01-06 15:11:23 · 385 阅读 · 0 评论 -
尚筹网:前后端分离如何对接
什么是前后端分离对接模式1、项目启动时,前端工程师和后端工程师开会确定JSON数据的详细格式。字段类型作用必传2、JSON格式确定后前后端分头开发3、前端工程师在后端工程师未完成时使用Mock.js技术提供的假数据开发后端开发完成将程序部署到测试服务器之后,前端工程师连接测试服务器使用真实数据测试,联调。...转载 2020-01-06 11:42:21 · 997 阅读 · 0 评论 -
尚筹网:Ajax发送数据
像提交普通表单一样发送数据浏览器端代码$(function(){ $("button").click(function(){ // 真正作为请求体发送给服务器的数据。 // 在我们像提交表单一样发送数据时,不把JSON对象转换为JSON字符串 var requestBody = { "empId":999, "empName":"harry", "empS...转载 2020-01-06 11:36:01 · 142 阅读 · 0 评论 -
尚筹网:用户维护之权限---多对多怎么设计
权限概述权限概念“权”:能做的事情“限”:限制对登录系统的用户进行操作、行为方面的限制,对项目中的功能进行保护,让没有权力访问的用户不能访问。具体概念资源项目中被保护的功能就是资源。资源可以体现为多种形式:URL地址http://localhost:8080/oa/save/emp.htmlJava方法AdminServiceImpl.saveAdmin()页面元素...转载 2019-12-30 17:49:16 · 450 阅读 · 0 评论 -
尚筹网:http协议报文&同步与异步
请求报文Content-Type比如Content-Type: application/x-www-form-urlencoded常用类型1:application/x-www-form-urlencoded通常是提交一个表单所产生的常用类型2:application/json;charset=UTF-8通常是发送Ajax请求,请求体整个是一个JSON数据这样提交的请求,h...转载 2019-12-30 16:35:57 · 412 阅读 · 0 评论 -
尚筹网:新增用户
给t_admin表的login_acct字段添加唯一约束ALTER TABLE `t_admin`ADD UNIQUE INDEX (`login_acct`)流程分析跳转到新增表单页面把新增按钮改成超链接/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF/admin-page.jsp修改前<button type=...转载 2019-12-30 15:22:26 · 201 阅读 · 0 评论 -
尚筹网:JavaScript函数提取到外部文件
创建JavaScript文件所在工程:atcrowdfunding-admin-1-webui文件位置:/atcrowdfunding-admin-1-webui/src/main/webapp/script/my-admin.js// 声明函数封装导航条初始化操作function initPagination() { // 声明变量存储总记录数 // var totalRecor...转载 2019-12-30 13:55:21 · 237 阅读 · 0 评论 -
尚筹网:批量删除
前端发送请求给批量删除按钮标记id给itemBox设置adminId属性※说明:adminId属性是HTML标签本身并没有的属性,是我们强行设置的。修改批量删除函数 // 给批量删除按钮绑定单击响应函数 $("#batchRemoveBtn").click(function(){ // 创建数组对象 var adminIdArray = new Array(); ...转载 2019-12-30 11:06:19 · 209 阅读 · 0 评论 -
尚筹网:批量选择
全选/全不选功能标记要操作的多选框jQuery代码 // 全选/全不选功能 $("#summaryBox").click(function() { // 获取当前#summaryBox的勾选状态 // this代表当前多选框对象(DOM对象) // checked属性为true时表示被勾选,为false时表示没有被勾选 // 使用checkStatus设置.ite...转载 2019-12-27 16:34:09 · 149 阅读 · 0 评论 -
尚筹网:分页显示
流程执行查询的sql语句SELECT *FROM t_adminWHERE login_acct LIKE CONCAT("%", "", "%")OR user_name LIKE CONCAT("%", "", "%")OR email LIKE CONCAT("%", "", "%");CONCAT()函数的作用是拼字符串,执行字符串连接。MyBatis的PageH...转载 2019-12-26 13:46:18 · 346 阅读 · 0 评论 -
尚筹网:后台主页面完整显示
显示后台主页面将E:\BaiduNetdiskDownload\2019尚筹网单一+分布式架构\单一架构\资料\原型\main.html复制到/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF/admin-main.jsp,并作出如下修改:<base href="http://${pageContext.request.server...转载 2019-12-25 12:49:42 · 303 阅读 · 0 评论 -
尚筹网:登录检查拦截器【拦截器不生效,待解决】
仅仅是临时使用,练习拦截器。将来使用SpringSecurity后将取消。拦截器类所在工程:atcrowdfunding-admin-2-component全类名:com.atguigu.crowd.funding.interceptor.LoginInterceptorpackage com.atguigu.crowd.funding.interceptor;import jav...转载 2019-12-25 12:28:32 · 305 阅读 · 0 评论 -
尚筹网:登录功能优化
使用常量不足将类似 之类的常量全部写到一起,集成管理优化1、常量声明所在工程:atcrowdfunding-admin-3-common全类名:com.atguigu.crowd.funding.util.CrowdFundingConstant内容:public class CrowdFundingConstant { public static final String ...转载 2019-12-24 15:38:49 · 366 阅读 · 0 评论 -
尚筹网:登录功能
登录流程分析handler方法所在工程:atcrowdfunding-admin-2-component全类名:com.atguigu.crowd.funding.handler.AdminHandler转载 2019-12-24 12:37:10 · 874 阅读 · 0 评论 -
尚筹网:编写密码md5加密的工具包
代码所在工程:atcrowdfunding-admin-3-common全类名:com.atguigu.crowd.funding.util.CrowdFundingUtilspackage com.atguigu.crowd.funding.util;import java.security.MessageDigest;import java.security.NoSuchAlgor...转载 2019-12-20 15:03:54 · 155 阅读 · 0 评论 -
尚筹网:跳转到登录页面--如何跳转到一个页面显示方法2
修改登录超链接所在工程:atcrowdfunding-admin-1-webui所在文件:/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF/index-page.jsp<ul class="nav navbar-nav navbar-right"> <li><a href="login.html">...转载 2019-12-20 14:43:21 · 468 阅读 · 0 评论 -
尚筹网:显示首页---如何跳转到一个页面显示方法1
思路步骤创建PortalHandler所在工程:atcrowdfunding-admin-2-component全类名:com.atguigu.crowd.funding.handler.PortalHandler代码:package com.atguigu.crowd.funding.handler;import org.springframework.stereotype.C...转载 2019-12-20 13:08:36 · 264 阅读 · 0 评论 -
尚筹网:SpringMVC整合
配置spring-web-mvc.xml在/atcrowdfunding-admin-1-webui/src/main/resources/spring-web-mvc.xml中:1、加入namespace:context和mvc2、内容如下:<!-- 配置自动扫描的包 --><context:component-scan base-package="com.atgui...转载 2019-12-16 16:14:38 · 164 阅读 · 0 评论 -
尚筹网:Spring和MyBatis整合
创建spring配置文件转载 2019-12-16 11:53:59 · 343 阅读 · 0 评论 -
尚筹网:整合SSM前提准备
业务逻辑层创建包com.atguigu.crowd.funding.servicecom.atguigu.crowd.funding.service.apicom.atguigu.crowd.funding.service.impl在Component工程加入依赖修改Component的pom.xml文件内容如下:<dependency> <groupId>...转载 2019-12-16 11:41:20 · 270 阅读 · 0 评论 -
尚筹网:逆向工程如何搭建
创建数据库和数据库表创建数据库CREATE DATABASE `atcrowdfunding190105` CHARACTER SET utf8创建管理员数据库表drop table if exists t_admin;create table t_admin( id int not null auto_increment, logi...转载 2019-12-15 17:43:05 · 272 阅读 · 0 评论 -
尚筹网:后台单一架构搭建
概念整个项目都封装到一个war包在一个Tomcat上运行,这就是单一架构模式。也叫“单机版”、“all in one”。优点:结构简单,不涉及模块之间调用。易于开发和部署。缺点:不能容纳规模庞大、访问量高的项目。工程之间的关系工程创建创建父工程1、new ---- 》 Maven Projetc----》选择 Create a simple project(skip archety...转载 2019-12-15 16:40:48 · 311 阅读 · 0 评论 -
尚筹网---原型架构
原型页面1、首页:尚筹网/原型/index.html2、会员中心:尚筹网/原型/member.html3、后台首页:尚筹网/原型/main.html※约定:前台:给普通用户(会员)使用的功能后台:给管理员用户使用的功能前端:浏览器上显示、运行的页面后端:Java程序以及数据库架构设计1、项目前台功能考虑到前台功能用户访问量大,基于SpringBoot+SpringClo...转载 2019-12-15 16:04:56 · 507 阅读 · 0 评论