bootstrap+Ajax+SSM(maven搭建)实现增删改查

Posted 落花の无痕

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap+Ajax+SSM(maven搭建)实现增删改查相关的知识,希望对你有一定的参考价值。

之前没接触过jsp,但是由于需求需要,所以就找了一个试试,发现jsp代码少是少,但是 配置文件是真的一点都不好弄啊!!!光是配置项目就让人头大~~各种意想不到的问题。。

这个东西我也是参考别人的来弄的,具体的东西我也不知很了解。

 

给上神秘地址:(借大佬的地址,不是我的)

项目地址:  https://github.com/fikyair/SSM

数据库文件:https://files-cdn.cnblogs.com/files/maoye520/maoye.zip

 

另外关于配置文件的东西可以参考这个:(一般不怎么需要改)

https://www.jianshu.com/p/d76316b48e3e

 

其实主要修改的基本是数据库驱动问题:(里面有最新的,按照自己的版本配置,最新的版本有时候不一定可用,不要追求求最新!!!

https://mvnrepository.com/

 

运行截图:

 

 添加界面:

 

 

数据库mysql:(ssm-crud)

1.部门表:

 

 sql语句:

CREATE DATABASE  IF NOT EXISTS `ssm-crud` /*!40100 DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci */ /*!80016 DEFAULT ENCRYPTION=\'N\' */;
USE `ssm-crud`;
-- MySQL dump 10.13  Distrib 8.0.18, for Win64 (x86_64)
--
-- Host: localhost    Database: ssm-crud
-- ------------------------------------------------------
-- Server version    8.0.18

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!50503 SET NAMES utf8 */;
/*!40103 SET @OLD_TIME_ZONE=@@TIME_ZONE */;
/*!40103 SET TIME_ZONE=\'+00:00\' */;
/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE=\'NO_AUTO_VALUE_ON_ZERO\' */;
/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;

--
-- Table structure for table `tbl_dept`
--

DROP TABLE IF EXISTS `tbl_dept`;
/*!40101 SET @saved_cs_client     = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `tbl_dept` (
  `dept_id` int(11) NOT NULL AUTO_INCREMENT COMMENT \'自增id\',
  `dept_name` varchar(20) NOT NULL COMMENT \'部门名\',
  PRIMARY KEY (`dept_id`)
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
/*!40101 SET character_set_client = @saved_cs_client */;

员工信息表:

 

 sql语句:

USE `ssm-crud`;
DROP TABLE IF EXISTS `tbl_emp`;
/*!40101 SET @saved_cs_client     = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `tbl_emp` (
  `emp_id` int(11) NOT NULL AUTO_INCREMENT COMMENT \'自增id\',
  `emp_name` varchar(255) NOT NULL COMMENT \'员工名\',
  `gender` char(1) DEFAULT NULL COMMENT \'性别\',
  `email` varchar(255) DEFAULT NULL COMMENT \'邮箱\',
  `d_id` int(11) DEFAULT NULL COMMENT \'外键\',
  PRIMARY KEY (`emp_id`),
  KEY `d_id_idx` (`d_id`),
  CONSTRAINT `d_id` FOREIGN KEY (`d_id`) REFERENCES `tbl_dept` (`dept_id`)
) ENGINE=InnoDB AUTO_INCREMENT=201407 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;

按照这些语句创建完数据库,在配置项目里的数据连接文件:

 

 

jdbc.jdbcUrl=jdbc:mysql://localhost:3306/ssm-crud?useUnicode=true&characterEncoding=utf-8&serverTimezone=UTC&useSSL=false
jdbc.driverClass=com.mysql.cj.jdbc.Driver
jdbc.user=root
jdbc.password=mysql

 

还有一个

 

 然后在配置tomcat(我的是今年的新版)(不会的可以自行百度),运行,成功,翻车~~~

 

 

 

 

以上是关于bootstrap+Ajax+SSM(maven搭建)实现增删改查的主要内容,如果未能解决你的问题,请参考以下文章

bootstrap+Ajax+SSM(maven搭建)实现增删改查

ssm+easyui+bootstrap+ajax 完成用户的登录和注册

ssm+easyui+bootstrap+ajax 完成用户的登录和注册

企业费用管理系统全程实录(Maven+SSM框架+BootStrap+Activiti)

Java项目:校园超市管理系统(java+SSM+Mysql+Maven+Bootstrap)

Java项目:校园超市管理系统(java+SSM+Mysql+Maven+Bootstrap)