Java前后端开发学习
关注
分享
扫一扫
html5+JavaScript+css学习记录
SSM框架学习记录
BootStrap学习
cungudafa
纯干货零收费，踩坑这件事儿我是专业的，能帮一个是一个，留个赞温暖你我他，幸福码农快乐搬砖，哈哈哈哈～
展开
-
【第一个Vue上手小项目Day4】史上最简单的Element-table表格+Pagination 分页（前后端结合）
目录序正文一、前端设计1. element-Table 表格2. element-Pagination 分页二、结合后端三、遇见问题及解决序前言：本来搭建好Vue和Springboot前后端框架之后，就不想重复CRUD基础表格的增删改查，觉得ajax是互通的，没有必要再重复重复这些工作。因为，一个小项目要善始善终，不能只有登录就没有后续了。尝试一下Element-ui表格，下拉框，进度条等；...原创 2019-08-17 17:00:38 · 1753 阅读 · 0 评论 -
【第一个Vue上手小项目Day3】折叠菜单栏+面包屑
目录一、实现效果二、原理1. 折叠菜单栏2. 面包屑三、全部源码：一、实现效果动画演示效果之前的登录+++++++++++++++++++++++++++本次：折叠菜单栏+面包屑 此部分全部源码见本文末或github：Cungudafa:Vue_SpringbootDay3二、原理1. 折叠菜单栏参考链接：element-ui 官网api：https://element.e...原创 2019-08-16 16:58:13 · 1514 阅读 · 1 评论 -
【第一个Vue上手小项目Day2】Element-ui+SvgIcon优雅的登录界面+导航栏
目录序效果演示本章源码正文一、美化Vue登录界面1.1 引入SvgIcon1.2 优化Login.vue1.3 最终效果 :)二、 左侧路由实现2.1 优化目录结构2.2 router与layout.vue2.3 el-header一致2.4 菜单栏测试三、遇见的问题及总结序效果演示在 昨天的项目 基础上对前端【登录界面】进行美化点击小眼睛实现密码可见：（原理很简单，见后面源码解析）...原创 2019-08-13 18:42:27 · 4426 阅读 · 1 评论 -
【第一个Vue上手小项目】Vue-router+Element-ui+Vuex+axios实现前后端分离--登录实例
目录一、router路由配置1.1 创建项目1.2 router路由配置1.3 router测试 :)二、element优化前端2.1 引入element2.2 修改整体布局2.3 修改登录布局2.4 登录验证测试 :)2.5 优化vue-method表单验证三、Vuex管理全局数据3.1 引入Vuex3.2 登录界面3.3 缓存测试 :)四、axios登录验证（结合后台）4.1 引入axios4...原创 2019-08-12 23:04:44 · 5116 阅读 · 0 评论 -
【小白学习Vue | 4】Vue用axios跨域访问数据
目录1.HBuilder打开内置命令行终端2.安装axiosnpm install axios --save-devnpm install vue-axiostips：在项目根目录下原创 2019-08-10 19:16:31 · 536 阅读 · 0 评论 -
【小白学习Vue | 3】index.html+App.vue+main.js
目录1. 总概述2. 各部分2.1 main.js2.2 App.vue3.总目录1. 总概述index.html+App.vue+main.js简介：#名称作用1index.html挂载页面div id = “app” 挂载点2App.vue主组件所有页面都在App.vue下进行切换3main.js入口文件初始化vue实例，并引入所需...原创 2019-08-08 13:11:23 · 1191 阅读 · 1 评论 -
【小白学习Vue | 2】学习Vue基本语法
目录一、Vue基本语法资源二、学习Vue基本语法1.文本传值1.1静态插值1.2动态传值2.更多一、Vue基本语法资源学习Vue基本语法：本篇完全参考vue官网介绍：https://vuejs.org/v2/guide/index.html也有官方给出了视频教学例子：在Scrimba上学习本课程(这里需要科学上网，速度快一些；当然也是全英文教学，可以参考)本文写了如何测试及基本语法，...原创 2019-08-07 15:42:35 · 572 阅读 · 0 评论 -
【小白学习Vue | 1】安装Vue并配置HBuilder
目录一、为什么要学习Vue？二、创建Vue项目（1）安装node.js（2）配置淘宝镜像cnpm（3）安装vue和脚手架工具vue-cli（4）创建项目三、HBuilder配置vue编译环境（1）创建vue项目（2）HBuilder编译vue一、为什么要学习Vue？之前看一句话这里引入：前言： 看到几乎大家都用vue写前端，了解了一下，16年才发布Vue，近年优势还是很大的；自己一直使用B...原创 2019-08-07 14:34:11 · 8279 阅读 · 7 评论 -
【Springboot学习 | 6】Lombok优雅的编码+Aop异常统一管理
目录一、Lombok优雅的编码1.1 配置Lombok1.2 常用Lombok方法1.2.1 @Getter@Setter1.2.3 @ToString()1.2.3 @AllArgsConstructor@NoArgsConstructor1.2.3 @Data1.2.4 @Slf4j二、Aop异常统一管理2.1 为什么要用Aop？2.2 Aop配置2.2.1 文档说明2.2.2 Aop引入2....原创 2019-08-14 18:50:12 · 708 阅读 · 0 评论 -
【Springboot学习 | 5】jpa全查询+主键查询+按属性查询+模糊查询
目录一、jpa中查询方法二、具体实现三、查询效果3.1 关键字3.2 主键查询3.3 全查询总结一、jpa中查询方法查询方法jpa方法名返回1全查询findAll()list集合2主键查询findById()Optional< UserEntity>实体对象3自定义条件查询findByNameAndPassword(String ...原创 2019-08-10 15:58:48 · 4361 阅读 · 0 评论 -
【SpringBoot学习 | 4】添加支持CORS跨域访问
目录一、跨域概念1. 跨域分类2. 跨域解决方案二、Cors跨域配置三、初次测试四、cors跨域原理解析一、跨域概念1. 跨域分类URL说明是否允许通信http://www.demo.com/a.jshttp://www.demo.com/b.js同一域名，不同文件或路径允许http://www.demo.com/lab/c.js–––...原创 2019-08-10 12:04:37 · 493 阅读 · 1 评论 -
【Springboot学习 | 3】配置使用FastJson返回Json视图
目录一、添加依赖二、添加FastJson配置三、测试总结一、添加依赖fastJson为阿里巴巴2017年开始发布并维护，目的是将fastJson加入到SpringBoot等项目内，配置json返回视图使用fastJson解析。<!-- https://mvnrepository.com/artifact/com.alibaba/fastjson --> <d...转载 2019-08-09 22:09:23 · 877 阅读 · 6 评论 -
【springboot学习 | 2】jpa+mysql8.0增删改查
目录序环境jpa方式连接数据库正文1.构建项目2.配置数据源以及JPA3.创建实体4.创建JPA5.编写CRUD方法6.初尝试运行项目总结序环境jdk8.0+ spring2.1.17+ maven3.6+mysql8.0.11IDEA2019+Navicat12+chorme目前Springboot参考学习内容在 简书作者：恒宇少年相关内容：目录：SpringBoot学习目录...原创 2019-08-09 14:47:51 · 1342 阅读 · 0 评论 -
【SpringBoot学习 | 1】IDEA2019创建第一个Springboot项目
目录序写作缘由系统要求正文一、创建Springboot项目二、自定义HellowordController源码地址：序写作缘由大佬推荐用Springboot代替ssm框架，轻量方便；之前也预备用Vue+ssm 前后端分离 做项目开发，现在改成Vue+Springboot，虽然需要学习的内容量加大了，但是，为了以后毕设或其他项目更方便套框架模板（对，我就是懒！滑稽~），学习Sprin...原创 2019-08-08 22:32:51 · 3424 阅读 · 4 评论 -
关于java文件【下载中文文件名乱码】问题解决方案
前面一篇文章讲了：基于MAVEN项目——如何上传于下载文件现在遇见一个问题：上传中文命名的图片，下载显示不了中文名称：解决效果： 解决步骤：第一步：sping-mvc.xml部分代码: <!-- 上传文件的处理器 --> <bean id="multipartResolver" class="org.springframework.web.multipart...原创 2019-05-19 10:45:02 · 19636 阅读 · 5 评论 -
Maven | 全选和反选以及批量删除
目录序效果演示正文（一）全选和反选1.前端（二）批量删除1.前端2.后端（三）遇到的问题及解决办法序效果演示全选和反选批量删除正文（一）全选和反选引入样式文件：js下载layUI下载：https://github.com/sentsin/layui/api文档：https://www.layui.com/doc/遮罩层下载：https://github.co...原创 2019-08-03 15:33:36 · 1011 阅读 · 1 评论 -
前端 | maven项目基于Mybatis插件【PageHelper分页】2
PageHelper分页序实现效果正文1.准备2.原理3.实现及全部源码3.1配置3.2在代码中使用4.在页面获取值实现分页5.后端支持序实现效果样式动画演示：maven项目中，分页方式还有【Pager-taglib分页】方式参考我前一篇博客：https://blog.csdn.net/cungudafa/article/details/98076810正文1.准备...原创 2019-08-02 16:47:24 · 1206 阅读 · 0 评论 -
前端 | maven项目基于【Pager-taglib分页】1
目录序正文0.准备1.分页原理3.源码序数据库有13条内容：分页效果：正文0.准备环境IDEA2019+maven3.6.0+mysql8.0+tomcat9.0方法：springmvc+Mybatis主要涉及jar包：Pager-taglib2.0 ,图中jstl和sun.xml都是我们maven项目中，分页方式还有pagehelper分页方式pa...原创 2019-08-01 18:16:17 · 673 阅读 · 1 评论 -
sql | 一张表有【两个外键】
现在有三张表：如图，要求1：现在要通过repair_id查询出worker两张表中的信息：连接：select * from repair t1,client_info t2 where t1.client_id = t2.client_id and t1.client_id="1"外连接：left outer join（保留repair原表，注入client）s...原创 2019-07-17 14:10:00 · 7846 阅读 · 1 评论 -
服务器Mysql5.7【中文字符乱码】问题
1问题描述maven项目在向服务器mysql数据库插入中文列时，中文字显示问号，在网上查看教程，让更改 character-set-server=utf8 一类的，仅仅生效一次，再连接依然出现问号。2步终极解决办法：服务器端：1、修改mysql配置文件/etc/mysql/my.cnfcd ../etc/mysqllsvim my.cnfmy.cnf文末加入：[mysql...原创 2019-07-16 20:38:39 · 691 阅读 · 0 评论 -
Maven| 前端JQuery调用【ajax请求数据】并打印成表格
目录序正文1、前端2、后端序效果演示先给出结果，如果有用就继续浏览，没有帮助就可以关掉这篇文章啦！数据库内容：（借用之前配置的maven项目，对数据库test表news进行查询）效果动画演示：访问过程：配置的是Springboot，通过ajax请求返回json数据如下图：正文1、前端（1）引入BootStrap和JQuery，用于表格样式和前端JavaScript语言...原创 2019-07-31 16:58:31 · 1232 阅读 · 1 评论 -
前端 | 常见小问题汇总——jsp和html【页面加载慢、中文乱码、引入外部js】
常见前端问题汇总1.jsp和html页面加载慢2.中文乱码(1) jsp中文乱码(2) html中文乱码3.js使用的位置1.jsp和html页面加载慢解决方案一：尽量少使用完整的 URL 等引用外部脚本：<!-- Required meta tags --><meta charset="utf-8"><meta name="viewport" conte...原创 2019-07-31 13:42:38 · 1607 阅读 · 0 评论 -
IDEA | maven项目生成war包
四步打包生成war包1、打开右侧maven2、找到Lifecycle3、双击运行package4、在项目下target文件夹下找到同名war包参考：idea将maven项目打包成war包的方式，以及使用war：https://www.cnblogs.com/a8457013/p/7811939.html...转载 2019-07-31 12:29:54 · 3981 阅读 · 3 评论 -
IDEA整合Maven+逆向工程生成实体类和映射
目录一、IDEA整合Maven项目二、Mybatis逆向工程配置三、IDEA配置tomcat四、mybatis generator自动生成实体类和映射1.配置mybatis generator2.数据库测试准备3.逆向生成测试4.junit测试一、IDEA整合Maven项目新建maven项目命名helloworld选择maven安装目录（我的版本是3.6）可自定义IDEA的工作空...原创 2019-07-30 18:11:37 · 2132 阅读 · 1 评论 -
【IDEA】从零开始配置maven项目并部署发布
一、前期准备系统环境配置:Javajdk-1.8.1/jre-1.8.1Apache-tomcat9.0.8Apache-maven3.6.0工作环境：IDEA2019.1mysql8.0二、下载安装IDEA注意:安装教程，需要科学使用，具体教程参考:https://blog.csdn.net/zhw0596/artic...原创 2019-07-12 13:43:52 · 1200 阅读 · 0 评论 -
JS学习 | 高德地图API接入（入门）
目录一、效果二、高德api接入（入门）一、效果二、高德api接入（入门）准备：https://lbs.amap.com/api/javascript-api/guide/abc/prepareps.可以直接扫支付宝登录（高德是阿里云的），完成以上三步可以获得key根据准备和入门上手：https://lbs.amap.com/api/javascript-api/guid...原创 2019-06-19 18:33:18 · 2480 阅读 · 0 评论 -
JS学习 | 【动态下拉框】连接数据库实现联动效果
目录序正文一、前端样式二、数据展现（1）静态下拉框（2）动态下拉框三、获取下拉框选中传值到后端序目的： 基于Mybatis动态获取数据库中的值展现在下拉框，下拉框选中并提交给后台选中内容，由后台进行处理。正文一、前端样式参考：bootstrap-select举例二、数据展现（1）静态下拉框方法一：直接定义 <form> <div class=...原创 2019-06-07 23:07:17 · 8315 阅读 · 3 评论 -
JS学习 | 这是一条收集【好看有趣的样式】demo
1、弹窗：sweetAlert js弹窗消息警告框插件代码2、动态响应：FFForm jquery表单验证html5代码演示原创 2019-06-02 09:50:11 · 382 阅读 · 0 评论 -
【图解】SSM框架学习总结
SSM框架学习首先掌握SSM三层结构及配置图1：Spring、SpringMVC、Mybatis结构图图2：SSM三层结构Dao、service、controller图图3：SSM配置说明图图4：三层结构及配置作用位置图图5：SSM框架运行时结构图图6：SSM框架逐层关系调用图图8：学习路线-- 图片参考于知乎总结：Java水深，从入门到“放弃”，哈哈哈！...原创 2019-06-08 17:51:47 · 13742 阅读 · 2 评论 -
SSM学习（十）Mybatis反向自动生成工具原理
一、配置过程数据库-------->Entity/EntityDaopom.xml配置工程目录下新建：mbg.xml二、分析mapper(1)mapper接口中的方法解析mapper接口中的部分常用方法及功能如下：方法功能说明int countByExample(UserExample example) thorws SQLException...原创 2019-06-08 13:18:54 · 1110 阅读 · 0 评论 -
SSM框架（九）Mybatis【多表查询-前后端】交互（教师信息管理demo）
目录序查询模块界面模块正文（1）前端获取多表查询结果（2）BootStrap-select静态下拉框序本次基于Sping+SpingBoot+Mybatis写的教师信息管理demo，如图所示：查询模块查询sql语句模糊查询search * form teacher where t_name like %Keyword%关键字查询search * form t...原创 2019-06-07 12:05:55 · 1656 阅读 · 0 评论 -
SSM框架（八）Mybatis多表查询【一对一、一对多、多对多】举例说明
目录序导语正文（1）一对一（2）一对多（3）多对多附序三种对象关系映射ObjectRelationshipMappingJDBC(数据库操作)studentt_studentstudentIdt_idMybatis(半自动的ORM)TeacherXML/@ teacher–SQLteacherIdteacher_idHib...原创 2019-06-07 00:19:34 · 2967 阅读 · 0 评论 -
SSM框架（七）Sping框架之SQL【Generator代码生成器】原理
目录一、Generator代码生成器有什么用？二、SQLGenerator.java示例(1) 目录结构(2)实体+注解(3)Generator代码生成器三、完整SQLGenerator.java前面SSM（四）模仿sping-mvc自定义一个框架中：最后讲到：Sping框架通用SQLGenerator.java一、Generator代码生成器有什么用？条件：1、我们需要对两张 表做...原创 2019-05-28 12:55:16 · 1565 阅读 · 0 评论 -
SSM框架（六）SpringMVC-Spring集成【Mybatis搭建详述】附源码
目录一、Spring集成Mybatis配置二、测试三、运行结果一、Spring集成Mybatis配置步骤1：web.xml中：web.xml关键代码： <!-- 声明Spring的主配置文件 --> <context-param> <param-name>contextConfigLocation</param-name>...原创 2019-05-27 14:25:14 · 508 阅读 · 0 评论 -
SSM框架（五）jquery三种数据耦合方式【后端->值->前端】
目录一、效果演示二、分步理解（一）直接查询1. 查询一条结果2. 查询多条结果（二）局部查询一、效果演示版本：jquery-3.4.1.min.js样式：引入了BootStrap界面：jq1.jsp全部代码：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%...原创 2019-05-27 10:23:12 · 1027 阅读 · 0 评论 -
SSM框架（四）模仿sping-mvc自定义一个框架
目录一、自定义框架demo（一）主要目录结构（二）web.xml配置我们的路径（三）主要代码（四）测试二、JavaSE 高级部分之注解（一）什么是注解（Annotation ）？（二） 常见注解（1）@Controller&@RequestMapping（2）@Retention&@Target&@Inherited（2）@Retention&@Target&...原创 2019-05-26 11:53:52 · 396 阅读 · 3 评论 -
SSM框架（三）文件上传与下载详解
目录一、运行效果二、思路流程三、功能实现（一）项目结构（二）实体（三）配置四、界面及功能实现（一）界面（二）功能一、运行效果如果看运行效果，没有兴趣的话，就可以关掉这篇文章啦！-》 主页登录-》登陆成功（返回用户名）选择你的操作 -》【1、文件上传（上传完成返回主页面）】【2、查看所有文件（支持下载功能）】 -》 点击实现下载功能：数据库记录：控制台记录：二、思路流程上...原创 2019-05-18 19:59:17 · 8737 阅读 · 12 评论 -
SSM框架（二）四种控制器请求【前端->值->后端】
目录一、请求接收二、接收请求参数1.字符串格式2.对象封装三、将某些值/某些对象放在session中四、跳转到目标视图/下一个Servlet情景1：response直接访问情景2：控制跳转情景3：{id}记录承接上一篇文章：SSM框架(一) 基于eclipseJee搭建SpingMVC框架本文主讲在：controller类下的四种控制请求一、请求接收大致是如图流程，图中也不是很明白，详...原创 2019-05-17 20:52:29 · 1636 阅读 · 1 评论 -
SSM框架(一) 基于eclipseJee搭建SpingMVC框架
一、什么是SSM框架?SSM（Spring+SpringMVC+MyBatis） 框架集由Spring、SpringMVC、MyBatis三个开源框架整合而成，常作为数据源较简单的web项目的框架。其中spring是一个轻量级的控制反转（IoC）和面向切面（AOP）的容器框架，它可以装载bean（也就是我们java中的类，当然也包括service dao里面的），有了这个我们就不用去new来...原创 2019-05-14 13:35:05 · 672 阅读 · 0 评论 -
[解决问题]eclipseJee配置maven项目版本出现的问题
问题记录：maven项目Java resources 上面有个红叉但是代码里面并没有什么报错解决方法：1.通过： windows菜单 -> show view/other 菜单 -> other菜单在弹出的窗口中，搜索 Problems窗口。2.然后运行程序/或者在Problems窗口中，你会发现 红色的警告，这些就是反映的错误，修复它们，即可。...原创 2019-05-14 11:21:25 · 439 阅读 · 0 评论