基于SSM框架的学生学籍管理系统（源码及具体讲解）_ssm学生-程序员宅基地
技术标签： java Javaweb项目 intellij-idea java-ee
前言
本文将详细介绍学生学籍管理项目的设计实现。
补充：数据库文件
一、项目总体概述
1.项目介绍
（1）主要功能
该项目面向管理员、学生、老师三方用户，用于对学生学籍信息进行管理。
项目主要功能：
（1）管理员可对学生、班级、专业、教师等信息进行增删改查，并分配权限。
（2）教师可查询学生信息，管理成绩，审批申请。
（3）学生可查询个人成绩、课程信息，提交申请。
各类用户均可查看个人信息以及修改密码。
系统功能结构如图所示：
（2）主要技术
本系统整体采用B/S体系结构、MVC设计模式进行设计开发。
后端：SSM（Spring+SpringMVC+Mybatis）
前端：Layuimini
数据库：MySQL
开发工具：IDEA
2.项目展示
以下是部分页面展示。
登录界面：
管理员登录首页：
管理员-专业管理页面：
教师登录–学生查询页面：
学生登录–申请管理页面：
二、详细设计
1.数据库设计
以下是系统的数据库设计关系图：
由该图可得出各表之间的关联关系。
2.项目框架搭建
(1)创建maven项目，配置pom.xml文件
在idea中创建一个maven项目，在其核心文件pom.xml文件中引入spring框架所依赖的jar包以及mybatis、mybatis-spring包。
注意：创建maven项目之后，在跟webapp同级下创建java目录（存放源代码）以及resourse目录（存放资源信息）
补充：简单了解mybatis: MyBatis标签的使用
pom.xml文件中部分代码如下：
<!--引入Spring相关jar-->
<!--如：context坐标,context依赖core,beans等-->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-context</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-core</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-beans</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-aop</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-web</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-jdbc</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-tx</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-test</artifactId>
<version>${spring.version}</version>
</dependency>
<!--引入mybatis相关jar-->
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis</artifactId>
<version>3.5.5</version>
</dependency>
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis-spring</artifactId>
<version>2.0.5</version>
</dependency>
(2)配置spring核心配置文件applicationContext.xml
在resources下创建applicationContext.xml配置文件
以下展示文件部分代码：
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:shemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans.xsd">
</beans>
若对spring不了解可参考：SSM框架学习
(3)配置spring-MVC核心配置文件spring-mvc.xml
在resources下创建spring-mvc.xml配置文件
以下展示文件部分代码：
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans.xsd">
</beans>
(4)配置web.xml(整合spring）
整合spring步骤：
a. 配置前端控制器DispatcherServlet, 加载Spring-mvc.xml配置文件（加载 spring容器等）。
b. 配置Spring上下文监听器：加载applicationContext.xml文件。
c. 配置编码过滤器：解决编码问题
<servlet>
<servlet-name>student_system</servlet-name>
<!--配置前端控制器DispatcherServlet，加载Spring-mvc.xml配置文件，加载spring容器-->
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<!-- 加载-->
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:spring-mvc.xml</param-value>
</init-param>
<!--启动Tomcat容器就加载-->
<load-on-startup>1</load-on-startup>
</servlet>
<!--映射信息 <url-pattern>/</url-pattern> 拦截不带请求 -->
<servlet-mapping>
<servlet-name>student_system</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
<!--配置上下文参数-->
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:applicationContext.xml</param-value>
</context-param>
<!--配置spring上下文监听 加载applicationContext.xml文件-->
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
<filter>
<filter-name>encodingFilter</filter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>utf-8</param-value>
</init-param>
</filter>
<!--3、配置编码过滤器：解决编码问题 –>-->
<filter-mapping>
<filter-name>encodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
(5)整合Mybatis
准备工作：
a.创建db.properties，存放数据库的连接信息
b.在resourse目录下创建mybatis-config.xml文件
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-config.dtd">
<!--根标签-->
<configuration>
<!--settings：控制mybatis全局行为-->
<settings>
<!--设置mybatis输出日志-->
<setting name="logImpl" value="STDOUT_LOGGING" />
</settings>
</configuration>
c.在pom.xml文件中添加mysql依赖、数据库连接池
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>8.0.12</version>
</dependency>
<dependency>
<groupId>org.apache.commons</groupId>
<artifactId>commons-dbcp2</artifactId>
<version>2.7.0</version>
</dependency>
配置：在applicationContext.xml文件中：
可分为四个步骤：加载db.properties、 配置数据源、获取sqlSessionFactory工厂、扫描mapper文件
<!--1.加载db.properties-->
<context:property-placeholder location="classpath:db.properties" />
<!--2.配置数据源-->
<bean id="dataSource" class="org.apache.commons.dbcp2.BasicDataSource">
<property name="driverClassName" value="${jdbc.driver}"></property>
<property name="url" value="${jdbc.url}"></property>
<property name="username" value="${jdbc.username}"></property>
<property name="password" value="${jdbc.password}"></property>
</bean>
<!--3.获取sqlSessionFactory工厂-->
<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
<property name="dataSource" ref="dataSource"/>
<!--加载mybatis核心配置文件-->
<property name="configLocation" value="classpath:mybatis-config.xml"></property>
<!--配置mapper文件-->
<property name="mapperLocations">
<list>
<value>classpath:com/demo/dao/*.xml</value>
</list>
</property>
<!--配置分页插件-->
<property name="plugins">
<array>
<bean class="com.github.pagehelper.PageInterceptor">
<property name="properties">
<value>
helperDialect=mysql
</value>
</property>
</bean>
</array>
</property>
</bean>
<!--4.扫描mapper文件-->
<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
<!--扫描dao目录下的所有mapper文件-->
<property name="basePackage" value="com.demo.dao"></property>
<property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"></property>
</bean>
(6)测试SSM框架
a.创建实体类： 在entity下创建实体类User
b.在Dao层创建接口： UserDao，以及对应的mapper文件：UserMapper.xml
UserDao：
UserMapper.xml部分截图如下：
c.在service层创建UserService
d.在controller层创建UserController
测试：
a. 在spring-mvc.xml中：
b. 在applicationContext.xml中：
使用postman进行测试
框架搭建成功。
3.项目结构展示
系统目录结构如图所示：
各层之间的关系:
（1）com.demo目录结构下：
a. Controller（控制层）： 负责具体业务模块流程的控制，接受页面过来的参数，调用对应的服务service完成用户请求的处理,接到返回值后再传给页面。
针对具体的业务流程，会有不同的控制器。
b. DAO层: 负责与数据库进行联络的一些任务都封装在此，如：增删改查基本sql语句操作。
c. entity层: 数据对象的实体（model层）,是实体bean。
用于ORM对象关系映射，在此系统设计中将不同的实体映射成表，无业务逻辑代码。
d.Service层: 编写具体业务逻辑，也叫服务层。
每个Service一般包含一组相关的业务逻辑，在设计时先设计接口，再设计其实现的类，然后在Spring配置文件中配置其实现的关联。之后调用Service接口来进行业务处理。
e.utils层： 该目录为自定义工具类
如：BeanMapUtils 将bean对象转换成map。 MD5utils:将用户密码进行加密存储。
（2）resources目录结构下：
（3）webapp目录结构下：
a. static目录: 存放layuimini框架引入的相关资源.
b.WEB-INF目录: 存放前端所有的Jsp页面。
4.各层编写
（1）Dao层编写
以UserDao为例，在UserMapper.xml文件中进行具体增删改查实现。
采用动态sql技术实现：
若对动态sql技术不了解可参考：mapper映射文件中动态sql的使用
以下是UserMapper.xml代码部分：
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<!--根据接口根对应的mapper文件生成动态代理实现类-->
<mapper namespace="com.demo.dao.UserDao">
<!-- resultMap：mybatis结果集封装-->
<!-- property指定javaBean的属性名-->
<!-- column指定数据库字段名或者其别名-->
<resultMap type="com.demo.entity.User" id="User">
<id column="id" property="id"/>
<result column="id" property="id"/>
<result column="name" property="name"/>
<result column="remark" property="remark"/>
<result column="user_name" property="userName"/>
<result column="user_pwd" property="userPwd"/>
</resultMap>
<!--增-->
<insert id="create" keyProperty="id" useGeneratedKeys="true" parameterType="com.demo.entity.User">
insert into tb_user(
name,
remark,
user_name,
user_pwd
)values(
#{name},
#{remark},
#{userName},
#{userPwd}
)
</insert>
<!--删-->
<delete id="delete">
delete from tb_user
<include refid="UserFindCriteria"/>
</delete>
<!--改-->
<update id="update">
update tb_user
<include refid="UserUpdateCriteria"/>
<include refid="UserFindCriteria"/>
</update>
<!--查-->
<select id="query" resultMap="User">
select * from tb_user
<include refid="UserFindCriteria"/>
<if test="offset!=null and rows!=null">limit ${offset} , ${rows}</if>
</select>
<!--查询分页-->
<select id="count" resultType="int">
select count(1) from tb_user
<include refid="UserFindCriteria"/>
</select>
<!--查询明细-->
<select id="detail" resultMap="User">
select * from tb_user
<include refid="UserFindCriteria"/>
limit 1
</select>
<!--动态sql查询-->
<sql id="UserFindCriteria">
<where>
<if test="id != null">and id = #{id}</if>
<if test="name != null and name != ''">and name like concat('%',#{name},'%')</if>
<if test="remark != null and remark != ''">and remark = #{remark}</if>
<if test="userName != null and userName != ''">and user_name like concat('%',#{userName},'%')</if>
<if test="userPwd != null and userPwd != ''">and user_pwd = #{userPwd}</if>
</where>
</sql>
<!--动态sql更新-->
<sql id="UserUpdateCriteria">
<set>
<if test="updateId != null">id = #{updateId},</if>
<if test="updateName != null and updateName != ''">name = #{updateName},</if>
<if test="updateRemark != null and updateRemark != ''">remark = #{updateRemark},</if>
<if test="updateUserName != null and updateUserName != ''">user_name = #{updateUserName},</if>
<if test="updateUserPwd != null and updateUserPwd != ''">user_pwd = #{updateUserPwd},</if>
</set>
</sql>
</mapper>
补充：在上述代码中，用到了#{}、以及${},其使用方式可参考：
另外，在查询条件中用了模糊查询：
其使用方式可参考：mybatis中四种模糊查询的方式
在上述代码中用到了resultMap，其使用方式参考：Mybatis中ResultMap作用
在UserDao接口中定义具体实现方法：
package com.demo.dao;
import java.util.List;
import java.util.Map;
import com.demo.entity.User;
public interface UserDao {
public int create(User pi);
public int delete(Map<String, Object> paramMap);
public int update(Map<String, Object> paramMap);
public List<User> query(Map<String, Object> paramMap);
public User detail(Map<String, Object> paramMap);
public int count(Map<String, Object> paramMap);
}
Dao层其他模块编写类似：
Dao层目录结构：
（2）Service层编写
Dao层采用map进行数据传参，由于Service层需实现具体业务操作，数据传参为具体类对象（Bean）,需将Bean转为Map
（1）在utils目录下建立BeanMapUtils类：
/* Bean转为Map */
public class BeanMapUtils {
public static <T> Map<String, Object> beanToMap(T bean) {
Map<String, Object> map = new HashMap();
if (bean != null) {
BeanMap beanMap = BeanMap.create(bean);
for (Object key : beanMap.keySet()) {
map.put(key+"", beanMap.get(key));
}
}
return map;
}
//处理更新---多加的update
public static <T> Map<String, Object> beanToMapForUpdate(T bean) {
Map<String, Object> map = new HashMap();
if (bean != null) {
BeanMap beanMap = BeanMap.create(bean);
for (Object key : beanMap.keySet()) {
map.put("update"+upperFirstLatter(key+""),beanMap.get(key));
}
}
return map;
}
//大小写转换
public static String upperFirstLatter(String letter){
char[] chars = letter.toCharArray();
if(chars[0]>='a' && chars[0]<='z'){
chars[0] = (char) (chars[0]-32);
}
return new String(chars);
}
（2）对map进行封装: MapParameter
以UserService为例：
Service层其他模块编写类似：
Service层目录结构：
（3）Controller层编写
以UserController为例：
Controller层其他模块编写类似：
Controller层目录结构：
5.整合静态页面（layUImini 单页版）
（1）在webapp下创建static目录，引入所需资源
（2）Springmvc视图解析器
作用：访问WEBINF目录下的jsp页面。
在Springmvc.xml中配置：
（3）配置basePath路径：
三、项目模块设计
1.登录模块
登录模块流程图如下：
在login.jsp页面进行页面样式设计及表单数据提交：
在LoginController中进行用户名密码数据校验：
不同用户登录：
//管理员登录
if("1".equals(type)){
User user = userService.login(userName, MD5Utils.getMD5(password));
if(user != null){
session.setAttribute("user",user);
session.setAttribute("type",1);
return MapControll.getInstance().success().add("data",user).getMap();
}else{
return MapControll.getInstance().error("用户名或密码错误").getMap();
}
}
//老师登录
if("2".equals(type)){
Teacher teacher = teacherService.login(userName, MD5Utils.getMD5(password));
if(teacher != null){
session.setAttribute("user",teacher);
session.setAttribute("type",2);
return MapControll.getInstance().success().add("data",teacher).getMap();
}else{
return MapControll.getInstance().error("用户名或密码错误").getMap();
}
}
//学生登录
if("3".equals(type)){
Student student = studentService.login(userName, MD5Utils.getMD5(password));
if(student != null){
session.setAttribute("user",student);
session.setAttribute("type",3);
return MapControll.getInstance().success().add("data",student).getMap();
}else{
return MapControll.getInstance().error("用户名或密码错误").getMap();
}
}
调用不同用户角色对应的Service层代码，以管理员登录为例，调用userService的login方法。
（1）验证码
设计思路：
a. 当访问任何一个网站，创建一次会话session（不管是否登录）
b. 验证码本身图片（后台依据字母、数字组合而来，生成图片响应给客户端，在生成图片之前，会将生成的验证码的文字信息放入到session中）
c. 当登录时录入图片上的文字信息,判断与生成验证码的时候放入session的文字信息是否一致，如果一致，就验证码输入正确，否则提示验证码错误。
CaptchaController类：
（2）MD5加密
为保证用户密码在数据库中存储加密，使用MD5加密算法进行加密
创建MD5Utils类：
package com.demo.utils;
import org.springframework.util.DigestUtils;
public class MD5Utils {
//盐
private static final String salt = "StudentSystemManager###$$@@";
public static String getMD5(String string){
String val = string+salt;
return DigestUtils.md5DigestAsHex(val.getBytes());
}
//MD5加密
public static void main(String[] args) {
System.out.println(getMD5("123456"));
}
}
（3）权限过滤
（1）创建拦截器：PermissionInterceptor中：
（2）SpringMVC.xml中：
2.管理模块
以管理员身份进行登录，以专业管理为例：
班级管理、老师管理、课程管理、管理员管理基本相同。
（1）专业列表查询
a.在SubjectController中–页面跳转
b.在page目录下创建subject目录–创建list.jsp、add.jsp、update.jsp页面
c.在list.jsp中实现
d.查询—form表单绑定提交事件
（2）专业列表分页
分页功能采用Mybatis-PageHelper插件
a.在applicationContext.xml中配置分页插件
b.建立实体类Entity（属性1：page 属性2：limit）-实现分页–让其他所有类继承自该类
c.在SubjectService中：
（3）专业增删改
a.删除–批量删除 在list.jsp中：
在controller层----service层（增加批量删除）
b. 新增–list.jsp中:
在add.jsp页面：
c.修改–list.jsp中，一次只能选中一行修改 controller service
3.开课管理模块
以下是开课管理模块的界面截图：
开课管理模块采用左右栅栏样式设计： 左边是树状结构，右边是列表结构
其中，树状结构采用ztree插件
（1）list.jsp页面布局：左右栅格式,进行数据提交
（2）layui+ztree集成（自定义模块）
ztree.js:
（3）整合开课管理的功能
在SectionController中：
其余角色（学生、老师）部分内容参考管理员专业管理部分。
总结
项目源码： 学籍管理系统
以上就是本文的全部内容。
智能推荐
没有U盘Win10电脑下如何使用本地硬盘安装Ubuntu20.04（单双硬盘都行）_没有u盘怎么装ubuntu-程序员宅基地
文章浏览阅读3.6k次，点赞2次，收藏2次。DELL7080台式机两块硬盘。_没有u盘怎么装ubuntu
【POJ 3401】Asteroids-程序员宅基地
文章浏览阅读32次。题面Bessie wants to navigate her spaceship through a dangerous asteroid field in the shape of an N x N grid (1 <= N <= 500). The grid contains K asteroids (1 <= K <= 10,000), which are conv...
工业机器视觉系统的构成与开发过程（理论篇—1）_工业机器视觉系统的构成与开发过程(理论篇—1-程序员宅基地
文章浏览阅读2.6w次，点赞21次，收藏112次。机器视觉则主要是指工业领域视觉的应用研究，例如自主机器人的视觉，用于检测和测量的视觉系统等。它通过在工业领域将图像感知、图像处理、控制理论与软件、硬件紧密结合，并研究解决图像处理和计算机视觉理论在实际应用过程中的问题，以实现高效的运动控制或各种实时操作。_工业机器视觉系统的构成与开发过程(理论篇—1
plt.legend的用法-程序员宅基地
文章浏览阅读5.9w次，点赞32次，收藏58次。legend 传奇、图例。plt.legend()的作用：在plt.plot() 定义后plt.legend() 会显示该 label 的内容，否则会报error: No handles with labels found to put in legend.plt.plot(result_price, color = 'red', label = 'Training Loss') legend作用位置：下图红圈处。..._plt.legend
深入理解 C# .NET Core 中 async await 异步编程思想_netcore async await-程序员宅基地
文章浏览阅读2.2k次，点赞3次，收藏11次。深入理解 C# .NET Core 中 async await 异步编程思想引言一、什么是异步？1.1 简单实例（WatchTV并行CookCoffee）二、深入理解（异步）2.1 当我需要异步返回值时，怎么处理？2.2 充分利用异步并行的高效性async await的秘密引言很久没来CSDN了，快小半年了一直在闲置，也写不出一些带有思想和深度的文章；之前就写过一篇关于async await 的异步理解 ，现在回顾，真的不要太浅和太陋，让人不忍直视！好了，废话不再啰嗦，直入主题：一、什么是异步？_netcore async await
IntelliJ IDEA设置类注释和方法注释带作者和日期_idea作者和日期等注释-程序员宅基地
文章浏览阅读6.5w次，点赞166次，收藏309次。当我看到别人的类上面的多行注释是是这样的：这样的：这样的：好装X啊！我也想要！怎么办呢？往下瞅：跟着我左手右手一个慢动作~~~File--->Settings---->Editor---->File and Code Templates --->Includes--->File Header:之后点applay--..._idea作者和日期等注释
随便推点
发行版Linux和麒麟操作系统下netperf 网络性能测试-程序员宅基地
文章浏览阅读175次。Netperf是一种网络性能的测量工具，主要针对基于TCP或UDP的传输。Netperf根据应用的不同，可以进行不同模式的网络性能测试，即批量数据传输（bulk data transfer）模式和请求/应答（request/reponse）模式。工作原理Netperf工具以client/server方式工作。server端是netserver,用来侦听来自client端的连接,c..._netperf 麒麟
万字长文详解 Go 程序是怎样跑起来的？| CSDN 博文精选-程序员宅基地
文章浏览阅读1.1k次，点赞2次，收藏3次。作者| qcrao责编 | 屠敏出品 | 程序员宅基地刚开始写这篇文章的时候，目标非常大，想要探索 Go 程序的一生：编码、编译、汇编、链接、运行、退出。它的每一步具体如何进行，力图弄清 Go 程序的这一生。在这个过程中，我又复习了一遍《程序员的自我修养》。这是一本讲编译、链接的书，非常详细，值得一看！数年前，我第一次看到这本书的书名，就非常喜欢。因为它模仿了周星驰喜剧..._go run 每次都要编译吗
C++之istringstream、ostringstream、stringstream 类详解_c++ istringstream a >> string-程序员宅基地
文章浏览阅读1.4k次，点赞4次，收藏2次。0、C++的输入输出分为三种：(1)基于控制台的I/O (2)基于文件的I/O (3)基于字符串的I/O 1、头文件[cpp] view plaincopyprint?#include 2、作用istringstream类用于执行C++风格的字符串流的输入操作。 ostringstream类用_c++ istringstream a >> string
MySQL 的 binglog、redolog、undolog-程序员宅基地
文章浏览阅读2k次，点赞3次，收藏14次。我们在每个修改的地方都记录一条对应的 redo 日志显然是不现实的，因此实现方式是用时间换空间，我们在数据库崩了之后用日志还原数据时，在执行这条日志之前，数据库应该是一个一致性状态，我们用对应的参数，执行固定的步骤，修改对应的数据。1，MySQL 就是通过 undolog 回滚日志来保证事务原子性的，在异常发生时，对已经执行的操作进行回滚，回滚日志会先于数据持久化到磁盘上（因为它记录的数据比较少，所以持久化的速度快），当用户再次启动数据库的时候，数据库能够通过查询回滚日志来回滚将之前未完成的事务。_binglog
我的第一个Chrome小插件-基于vue开发的flexbox布局CSS拷贝工具_chrome css布局插件-程序员宅基地
文章浏览阅读3k次。概述之前介绍过 移动Web开发基础-flex弹性布局（兼容写法） 里面有提到过想做一个Chrome插件，来生成flexbox布局的css代码直接拷贝出来用。最近把这个想法实现了，给大家分享下。play-flexbox插件介绍play-flexbox一秒搞定flexbox布局，可直接预览效果，拷贝CSS代码快速用于页面重构。 你也可以通过点击以下链接（codepen示例）查_chrome css布局插件
win10下安装TensorFlow-gpu的流程(包括cuda、cuDnn下载以及安装问题)-程序员宅基地
文章浏览阅读308次。我自己的配置是GeForce GTX 1660 +CUDA10.0+CUDNN7.6.0 + TensorFlow-GPU 1.14.0Win10系统安装tensorflow-gpu（按照步骤一次成功）https://blog.csdn.net/zqxdsy/article/details/103152190环境配置——win10下TensorFlow-GPU安装（GTX1660 SUPER+CUDA10+CUDNN7.4）https://blog.csdn.net/jiDxiaohuo/arti