本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

2024-11(2)

SpringBoot管理系统

发布于2021-05-29 20:57     阅读(427)     评论(0)     点赞(28)     收藏(4)


SpringBoot管理系统准备工作

  • 先去bootstrap PHP免费模板找一个自己喜欢的模板下载好后就开始准备导入资源

  • 项目结构
    在这里插入图片描述

  • 我们一般把网页放在templates包下其余的一些css和js以及一些其它资源呢就放在static包下(上面的资源呢是我自己下载的你们可以去bootstrap下载里面模板很多而且都是免费的,而且也都比较好看,当然了也可以自己去写)

准备工作

  • 项目结构

在这里插入图片描述

  • 模拟数据(因为我们现在还不用数据库去创建表所以我们先去模拟数据,去测试一下程序的功能是否否能运行成功)
  • 把lombok导入用于我们偷懒
 <!--lombok-->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
        </dependency>
  • 编写实体类pojo包下的User类和Vip类
package com.cloud.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

import java.util.Date;

//用户表
@Data
@AllArgsConstructor
@NoArgsConstructor
public class User {
    private Integer id;
    private String userName;
    private String email;
    private Integer gender; //0:女 1:男
    private Vip vip;
    private Date birth;
}

package com.cloud.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

//会员表
@Data
@AllArgsConstructor
@NoArgsConstructor
public class Vip {
    private Integer id;
    private String userName;
    private String email;
    private Integer gender; //0:女 1:男
}

  • 编写dao也可以是mapper下的UserDao和VipDao类
package com.cloud.dao;

import com.cloud.pojo.User;
import org.springframework.stereotype.Repository;

import java.util.Collection;
import java.util.HashMap;
import java.util.Map;

//会员dao
@Repository
public class UserDao {

    //模拟数据库中的数据
    private static Map<Integer,User> userMap ;
    static {
         HashMap<Integer, User> userHashMap=new HashMap<>();//创建一个会员表
         userMap=userHashMap;
         userMap.put(1,new User(1,"心悦会员"));
         userMap.put(2,new User(2,"帝王会员"));
         userMap.put(3,new User(3,"心愿会员"));
         userMap.put(4,new User(4,"帝皇会员"));

    }


    //获得所有部门信息
    public Collection<User> getUser(){
        return userMap.values();
    }
    //通过id查询得到部门
    public User getUser(Integer id){
        return userMap.get(id);
    }

}

package com.cloud.dao;

import com.cloud.pojo.User;
import com.cloud.pojo.Vip;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Repository;

import java.util.Collection;
import java.util.HashMap;
import java.util.Map;

//会员Dao
@Repository
public class VipDao {

    //模拟数据库中的数据
    private static Map<Integer, Vip> vipMap;
    //会员属于什么部门
    @Autowired
    private UserDao userDao;
    static {
        vipMap=new HashMap<>();//创建一个表
        vipMap.put(1,new Vip(1,"张三","125675qq@.com",1,new User(1,"心悦会员")));
        vipMap.put(1,new Vip(2,"王五","125675qq@.com",1,new User(1,"心悦会员")));
        vipMap.put(1,new Vip(3,"赵六","125675qq@.com",1,new User(1,"心悦会员")));
        vipMap.put(1,new Vip(4,"王非","125675qq@.com",1,new User(1,"心悦会员")));
        vipMap.put(1,new Vip(5,"马非","125675qq@.com",1,new User(1,"心悦会员")));

    }
    //主键自增!
    private static Integer init=6;

    //增加一个员工
    public void save(Vip vip){
        if (vip.getId()==null){
            vip.setId(init++);
        }
        vip.setUser(userDao.getUser(vip.getUser().getId()));
        vipMap.put(vip.getId(),vip);
    }

    //查询员工全部信息
    public Collection<Vip>getAll(){
        return vipMap.values();
    }
    //通过id查询员工
    public Vip getVip(Integer id){
        return vipMap.get(id);
    }
    //通过id删除一个员工
    public void delete(Integer id){
        vipMap.remove(id);
    }

}

  • 到这里呢准备工作就完成了前端页面也准备好了后端数据和增删改查也准备好了接下来呢就该把增删改查拿到前端去实现了

首页的实现

  • 项目结构
    在这里插入图片描述
  • 项目结构知道以后我们开始编写config包下面的MyMvcConfig类
package com.cloud.config;


import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class MyMvcConfig implements WebMvcConfigurer {
    //这个方法呢是重写生成的
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/").setViewName("index");
        registry.addViewController("/index.html").setViewName("index");
    }
}

  • 到这里呢如果是在bootstarp中找到模板呢可以访问了,如果是自己写的呢还需要去遵守thymeleaf语句规则
  • 第一步要引入命名空间 xmlns:th=“http://www.thymeleaf.org”
  • 第二步呢就是把超链接前面要加上th
<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>后台登录-L-admin2.0</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--这个呢就是一种超链接书写的一个规则-->
    <link rel="stylesheet" th:href=${/"css/font.css"}>
	<link rel="stylesheet" href="css/xadmin.css">
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/xadmin.js"></script>

</head>
<body>
   
         <h1>lalal</h1>
</body>
</html>
  • 首页配置的注意点:所有页面的静态资源呢都需要使用thymeleaf接管:@{}

到这里呢首页就实现了接下来呢就要去实现一个网站的国际化

项目国际化

  • 一定要保证你的文本编码为UTF-8这样在你写的时候才不会出现乱码问题
    在这里插入图片描述
  • 首页配置:
    • 注意点所有页面的静态资源都需要thymeleaf接管;
    • url:@{}

项目结构

在这里插入图片描述

  • 配置
    • 把文件绑定到你写的位置

在这里插入图片描述

    • 写好和配置好地址以后下一步就要去前端页面去更改

在这里插入图片描述

    • 去做一个链接

在这里插入图片描述

    • 去重写方法

在这里插入图片描述

    • 把写好的类放到组件中让他生效
//自定义国际化组件
 @Bean
    public LocaleResolver localeResolver(){
        return new  MyLocaleResolver();
    }
  • 页面国际化:
    • 我们需要配置i18n文件
    • 我们如果需要在项目中进行按钮的自动转换,我们需要自定义一个组件LocaleResolver
    • 记得将我们自己写的组件配置到spring容器@Bean
    • #{}

原文链接:https://blog.csdn.net/difgsief/article/details/116783370



所属网站分类: 技术文章 > 博客

作者:我是一个射手

链接:http://www.javaheidong.com/blog/article/207359/4f96db2990eec373005f/

来源:java黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

28 0
收藏该文
已收藏

评论内容:(最多支持255个字符)