【Bootstrap4前端框架+MySQL数据库】前后端综合实训【10天课程博客汇总表详细笔记】【附：所有代码】

痛定思痛。 2022-12-21 13:55 57阅读 0赞

***目   录***

日常要求、项目要求

用到的软件版本情况说明

上课时的所有代码、用到的软件安装包

实训第2周——前后端“新闻管理系统”工程所有文件（MySQL语句+eclipse项目）

实训博客笔记一览表

实训第1周（课表 第11周）

Day01——2020年11月16日

Day02——2020年11月17日

Day03——2020年11月18日

Day04——2020年11月19日

Day05——2020年11月20日

实训第2周（课表 第12周）

Day06——2020年11月23日

Day07——2020年11月24日

Day08——2020年11月25日

Day09——2020年11月26日

Day10——2020年11月27日

--------------------

# 日常要求、项目要求 #

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70][]   ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 1][]

> 郑州轻工业大学——禹州实训——第10~12周
> 
> ![20201124233502616.png][]

# 用到的软件版本情况说明 #

>  *  jdk1.8.0\_201【jdk11版本太高，搭建tomcat服务器容易出现问题！】
>  *  apache-tomcat-8.5.60
>  *  mysql-installer-community-8.0.20.0.msi【老师用的MySQL5，我自己的电脑上的MySQL是8.0的社区版。数据库链接，要更改几个地方。注意！】

# 上课时的所有代码、用到的软件安装包 #

>  *  上课时的所有课件（几乎没有课件）及软件安装包、代码，大部分内容都整理到博客上了。
>  *  【链接：[https://pan.baidu.com/s/1百度网盘Oaqj去除汉字0HLafaoVrJdW6D-xvw][https_pan.baidu.com_s_1_Oaqj_0HLafaoVrJdW6D-xvw]   提取码：zjxs】
>  *  有一些上课时自己录的视频，所以文件夹的占用空间比较大。
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 2][]   ![20201127100633922.png][]

# 实训第2周——前后端“新闻管理系统”工程所有文件（MySQL语句+eclipse项目） #

> 蓝凑云 下载链接：[https://wws.lanzous.com/itnCAjg7rrg][https_wws.lanzous.com_itnCAjg7rrg]

# 实训博客笔记一览表 #

## 实训第1周（课表 第11周） ##

### Day01——2020年11月16日 ###

> 1.  [Bootstrap4+MySQL前后端综合实训-Day01-AM【实训安排、HBuilder下载及使用、双飞翼布局（圣杯布局）案例、CSS在线手册、flex布局中的对齐方式】][Bootstrap4_MySQL_-Day01-AM_HBuilder_CSS_flex]
> 2.  [Bootstrap4+MySQL前后端综合实训-Day01-PM【position定位的四种方式、Flex布局语法教程及案例、双飞翼布局复习、Bootstrap4 教程】][Bootstrap4_MySQL_-Day01-PM_position_Flex_Bootstrap4]

### Day02——2020年11月17日 ###

> 1.  [Bootstrap4+MySQL前后端综合实训-Day02-AM【Bootstrap4(入门、环境搭建、文字排版、颜色、表格、图片、进度条、折叠、输入框组、模态框)、Font Awesome字体图标】][Bootstrap4_MySQL_-Day02-AM_Bootstrap4_Font_Awesome]
> 2.  [Bootstrap4+MySQL前后端综合实训-Day02-PM【新闻管理后台（登录页面、首页）、\#left＞a:nth-child(4) \{\}】][Bootstrap4_MySQL_-Day02-PM_left_a_nth-child_4_]

### Day03——2020年11月18日 ###

> 1.  [Bootstrap4+MySQL前后端综合实训-Day03-AM【折叠、模态框】][Bootstrap4_MySQL_-Day03-AM]
> 2.  [Bootstrap4+MySQL前后端综合实训-Day03-PM【iframe设置最小宽度】][Bootstrap4_MySQL_-Day03-PM_iframe]

### Day04——2020年11月19日 ###

> 1.  [Bootstrap4+MySQL前后端综合实训-Day04-AM【新闻管理手机端页面+数据库操作(PowerDesigner 图形化数据库设计软件、SQLyog软件)】][Bootstrap4_MySQL_-Day04-AM_PowerDesigner _SQLyog]
> 2.  [Bootstrap4+MySQL前后端综合实训-Day04-PM【PowerDesigner 图形化数据库设计软件(设置依赖关系、自动增长主键、生成sql语句)、SQLyog软件(备份数据库)】][Bootstrap4_MySQL_-Day04-PM_PowerDesigner _sql_SQLyog]

### Day05——2020年11月20日 ###

> 1.  [Bootstrap4+MySQL前后端综合实训-Day05-AM【MySQL数据库(SQLyog软件基本操作、架构设计器)、eclipse(JDBC开发-添加驱动、构建路径、增删改查基本测试)】][Bootstrap4_MySQL_-Day05-AM_MySQL_SQLyog_eclipse_JDBC_-]
> 2.  周五下午公休，没课...

## 实训第2周（课表 第12周） ##

### Day06——2020年11月23日 ###

> 1.  [Bootstrap4+MySQL前后端综合实训-Day06-AM【eclipse详细配置Tomcat、开发web项目、servlet、连接MySQL8.0数据库、用户登录界面的编写与验证、分页查询】][Bootstrap4_MySQL_-Day06-AM_eclipse_Tomcat_web_servlet_MySQL8.0]
> 2.  [Bootstrap4+MySQL前后端综合实训-Day06-PM【MD5加码-生成32位md5码、ResultData.java、分页查询用户数据、添加用户按钮的实现】][Bootstrap4_MySQL_-Day06-PM_MD5_-_32_md5_ResultData.java]

### Day07——2020年11月24日 ###

> 1.  [Bootstrap4+MySQL前后端综合实训-Day07-AM【ajax局部刷新——(单个/批量)删除用户按钮的实现、更新用户信息按钮的实现】][Bootstrap4_MySQL_-Day07-AM_ajax]
> 2.  [Bootstrap4+MySQL前后端综合实训-Day07-PM【用户信息管理页面——项目代码整理汇总】][Bootstrap4_MySQL_-Day07-PM]

### Day08——2020年11月25日 ###

> 1.  [Bootstrap4+MySQL前后端综合实训-Day08-AM【多表查询sql语句、关联数据的假删除、自动增长主键的获取、栏目管理“数据编辑”按钮的实现】][Bootstrap4_MySQL_-Day08-AM_sql]
> 2.  [Bootstrap4+MySQL前后端综合实训-Day08-PM【ajax获取表单标签内容、根据“栏目信息”添加“新闻信息”、新闻管理系统-项目展示】][Bootstrap4_MySQL_-Day08-PM_ajax_-]

### Day09——2020年11月26日 ###

> 1.  [Bootstrap4+MySQL前后端综合实训-Day09-AM【项目功能展示视频、小组汇报PPT、项目介绍】][Bootstrap4_MySQL_-Day09-AM_PPT]
> 2.  [Bootstrap4+MySQL前后端综合实训-Day09-PM【实训汇报、在同一校园网下，查看别人的项目——ipconfig】][Bootstrap4_MySQL_-Day09-PM_ipconfig]

### Day10——2020年11月27日 ###

> 1.  [Bootstrap4+MySQL前后端综合实训-Day09-AM【实训汇报、下午返校】][Bootstrap4_MySQL_-Day09-AM]
> 2.  此次实训，收获甚多。下午返校（回郑州）。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20201116174927533.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 1]: /images/20221120/b9bea80c929341acb8f1097de1f7b032.png
[20201124233502616.png]: /images/20221120/601a52a566b2421296fed0232dfa5ecc.png
[https_pan.baidu.com_s_1_Oaqj_0HLafaoVrJdW6D-xvw]: https://pan.baidu.com/s/1Oaqj0HLafaoVrJdW6D-xvw
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20201127100747642.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ==,size_16,color_FFFFFF,t_70
[20201127100633922.png]: /images/20221120/d47d3ad2768e4ed5b451944715db393f.png
[https_wws.lanzous.com_itnCAjg7rrg]: https://wws.lanzous.com/itnCAjg7rrg
[Bootstrap4_MySQL_-Day01-AM_HBuilder_CSS_flex]: https://blog.csdn.net/weixin_44949135/article/details/109715699
[Bootstrap4_MySQL_-Day01-PM_position_Flex_Bootstrap4]: https://blog.csdn.net/weixin_44949135/article/details/109722021
[Bootstrap4_MySQL_-Day02-AM_Bootstrap4_Font_Awesome]: https://blog.csdn.net/weixin_44949135/article/details/109735736
[Bootstrap4_MySQL_-Day02-PM_left_a_nth-child_4_]: https://blog.csdn.net/weixin_44949135/article/details/109747845
[Bootstrap4_MySQL_-Day03-AM]: https://blog.csdn.net/weixin_44949135/article/details/109768758
[Bootstrap4_MySQL_-Day03-PM_iframe]: https://blog.csdn.net/weixin_44949135/article/details/109788598
[Bootstrap4_MySQL_-Day04-AM_PowerDesigner _SQLyog]: https://blog.csdn.net/weixin_44949135/article/details/109801245
[Bootstrap4_MySQL_-Day04-PM_PowerDesigner _sql_SQLyog]: https://blog.csdn.net/weixin_44949135/article/details/109811632
[Bootstrap4_MySQL_-Day05-AM_MySQL_SQLyog_eclipse_JDBC_-]: https://blog.csdn.net/weixin_44949135/article/details/109839347
[Bootstrap4_MySQL_-Day06-AM_eclipse_Tomcat_web_servlet_MySQL8.0]: https://blog.csdn.net/weixin_44949135/article/details/109990945
[Bootstrap4_MySQL_-Day06-PM_MD5_-_32_md5_ResultData.java]: https://blog.csdn.net/weixin_44949135/article/details/110000993
[Bootstrap4_MySQL_-Day07-AM_ajax]: https://blog.csdn.net/weixin_44949135/article/details/110061782
[Bootstrap4_MySQL_-Day07-PM]: https://blog.csdn.net/weixin_44949135/article/details/110101221
[Bootstrap4_MySQL_-Day08-AM_sql]: https://blog.csdn.net/weixin_44949135/article/details/110127993
[Bootstrap4_MySQL_-Day08-PM_ajax_-]: https://blog.csdn.net/weixin_44949135/article/details/110134415
[Bootstrap4_MySQL_-Day09-AM_PPT]: https://blog.csdn.net/weixin_44949135/article/details/110152479
[Bootstrap4_MySQL_-Day09-PM_ipconfig]: https://blog.csdn.net/weixin_44949135/article/details/110186361
[Bootstrap4_MySQL_-Day09-AM]: https://blog.csdn.net/weixin_44949135/article/details/110222341