中软实习培训记录七（0727）

项目设计

对于一个新闻管理系统，我们要实现的是侧重后台管理部分。
围绕新闻主体展开，我们还会对新闻进行分类，并可以为每一篇新闻加上标签。因此可以看到，我们的后台管理部分就包含了“新闻主体管理”、“分类管理”、“标签管理”等。
除此之外，在面向用户部分，还有评论功能，以及用户登陆。
对于以上设计，我们在设计实体类中就需要考虑这五个实体【新闻、分类、标签、用户、评论】。

项目实现

项目配置pom.xml文件

修改pom.xml中的properties和dependencies

<properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
        <java.version>1.8</java.version>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-aop</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-jpa</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>com.atlassian.commonmark</groupId>
            <artifactId>commonmark</artifactId>
            <version>0.10.0</version>
        </dependency>

        <dependency>
            <groupId>com.atlassian.commonmark</groupId>
            <artifactId>commonmark-ext-heading-anchor</artifactId>
            <version>0.10.0</version>
        </dependency>
        <dependency>
            <groupId>com.atlassian.commonmark</groupId>
            <artifactId>commonmark-ext-gfm-tables</artifactId>
            <version>0.10.0</version>
        </dependency>


        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <scope>runtime</scope>
            <optional>true</optional>
        </dependency>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.47</version>
            <!--<scope>runtime</scope>-->
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
            <exclusions>
                <exclusion>
                    <groupId>org.junit.vintage</groupId>
                    <artifactId>junit-vintage-engine</artifactId>
                </exclusion>
            </exclusions>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-validation</artifactId>
        </dependency>
    </dependencies>

实体类的设计

以下是User类的设计，所需的属性：

注意注解的添加：
@Entity
@Table(name=“t_user”)
@Id //主键标识
@GeneratedValue(strategy = GenerationType.IDENTITY)都是为了数据库建表，生成映射关系

@Entity
@Table(name="t_user")
public class User {
    @Id   //主键标识
    @GeneratedValue(strategy = GenerationType.IDENTITY)  //设计自增
    private Long id;
    private String nickname;
    private String username;
    private String password;
    private String email;
    private String avatar;
    private Integer type;
    
    @Temporal(TemporalType.TIMESTAMP)//TIMESTAMP既有年月日，又有具体时分秒
    private Date createTime;
    @Temporal(TemporalType.TIMESTAMP)
    private Date updateTime;
    
    @OneToMany(mappedBy = "user") //User与News之间存在关联，构成一对多的关系
    private List<News> newsList=new ArrayList<>();

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getNickname() {
        return nickname;
    }

    public void setNickname(String nickname) {
        this.nickname = nickname;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }

    public String getAvatar() {
        return avatar;
    }

    public void setAvatar(String avatar) {
        this.avatar = avatar;
    }

    public Integer getType() {
        return type;
    }

    public void setType(Integer type) {
        this.type = type;
    }

    public Date getCreateTime() {
        return createTime;
    }

    public void setCreateTime(Date createTime) {
        this.createTime = createTime;
    }

    public Date getUpdateTime() {
        return updateTime;
    }

    public void setUpdateTime(Date updateTime) {
        this.updateTime = updateTime;
    }

    public List<News> getNewsList() {
        return newsList;
    }

    public void setNewsList(List<News> newsList) {
        this.newsList = newsList;
    }

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", nickname='" + nickname + '\'' +
                ", username='" + username + '\'' +
                ", password='" + password + '\'' +
                ", email='" + email + '\'' +
                ", avatar='" + avatar + '\'' +
                ", type=" + type +
                ", createTime=" + createTime +
                ", updateTime=" + updateTime +
                ", newsList=" + newsList +
                '}';
    }
}

Type实体类
该实体属性，仅需要id以及种类名即可，要注意同样要添加Type与News之间的关系【一对多】，另外toString时不需要将news加进去：

@Entity
@Table(name = "t_type")
public class Type {
    
    @Id   //主键标识
    @GeneratedValue(strategy = GenerationType.IDENTITY)  //设计自增
    private Long id;
    private String name;
    
    @OneToMany(mappedBy = "type")
    private List<News> news=new ArrayList<>();
    
    public Type(){
        
    }

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public List<News> getNews() {
        return news;
    }

    public void setNews(List<News> news) {
        this.news = news;
    }

    @Override
    public String toString() {
        return "Type{" +
                "id=" + id +
                ", name='" + name + '\'' +
                '}';
    }
}

News实体类，根据设计

与Type和User中设定的相对应，News与Type和User之间的关系均是多对一

另外再加注解时，要注意content属性由于内容非常多，非常占内存，所以需要额外设定懒加载，表明在需要用到该属性时再加载。
@Basic(fetch = FetchType.LAZY) //懒加载
@Lob

@Entity
@Table(name = "t_news")
public class News {
 	@Id   //主键标识
    @GeneratedValue(strategy = GenerationType.IDENTITY)  //设计自增
    private Long id;
    private String title;

	@Basic(fetch = FetchType.LAZY) //懒加载
    @Lob
    private String content;
    private String firstPicture;
    private String flag;
    private String views;
    private boolean appreciation;
    private boolean shareStatement;
    private boolean commenttabled;
    private boolean published;
    private boolean recommend;

    @Temporal(TemporalType.TIMESTAMP)//TIMESTAMP既有年月日，又有具体时分秒
    private Date createTime;
    @Temporal(TemporalType.TIMESTAMP)
    private Date updateTime;

    @ManyToOne
    private Type type;

    @ManyToOne
    private User user;

    public News() {
    }

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getContent() {
        return content;
    }

    public void setContent(String content) {
        this.content = content;
    }

    public String getFirstPicture() {
        return firstPicture;
    }

    public void setFirstPicture(String firstPicture) {
        this.firstPicture = firstPicture;
    }

    public String getFlag() {
        return flag;
    }

    public void setFlag(String flag) {
        this.flag = flag;
    }

    public String getViews() {
        return views;
    }

    public void setViews(String views) {
        this.views = views;
    }

    public boolean isAppreciation() {
        return appreciation;
    }

    public void setAppreciation(boolean appreciation) {
        this.appreciation = appreciation;
    }

    public boolean isShareStatement() {
        return shareStatement;
    }

    public void setShareStatement(boolean shareStatement) {
        this.shareStatement = shareStatement;
    }

    public boolean isCommenttabled() {
        return commenttabled;
    }

    public void setCommenttabled(boolean commenttabled) {
        this.commenttabled = commenttabled;
    }

    public boolean isPublished() {
        return published;
    }

    public void setPublished(boolean published) {
        this.published = published;
    }

    public boolean isRecommend() {
        return recommend;
    }

    public void setRecommend(boolean recommend) {
        this.recommend = recommend;
    }

    public Date getCreateTime() {
        return createTime;
    }

    public void setCreateTime(Date createTime) {
        this.createTime = createTime;
    }

    public Date getUpdateTime() {
        return updateTime;
    }

    public void setUpdateTime(Date updateTime) {
        this.updateTime = updateTime;
    }

    public Type getType() {
        return type;
    }

    public void setType(Type type) {
        this.type = type;
    }

    public User getUser() {
        return user;
    }

    public void setUser(User user) {
        this.user = user;
    }

    @Override
    public String toString() {
        return "News{" +
                "id=" + id +
                ", title='" + title + '\'' +
                ", content='" + content + '\'' +
                ", firstPicture='" + firstPicture + '\'' +
                ", flag='" + flag + '\'' +
                ", views='" + views + '\'' +
                ", appreciation=" + appreciation +
                ", shareStatement=" + shareStatement +
                ", commenttabled=" + commenttabled +
                ", published=" + published +
                ", recommend=" + recommend +
                ", createTime=" + createTime +
                ", updateTime=" + updateTime +
                ", type=" + type +
                ", user=" + user +
                '}';
    }
}

界面设计和配件

本次实现的SpringBoot项目，主要强调后端，界面均由老师提供，学生直接导入，因此此处不进行赘述，之后有涉及的话会进行解释。【昨日测试用的Draft.html文件可以直接删除】

登录和注销功能

登录和注销功能实现

1、Dao中创建UserRepository，因为我们在添加依赖时加入了Spring-Data-JPA，它已经封装好了大量的方法，因此我们可以直接调用，省时省力。
首先UserRepository继承JpaRepository，并指定要使用到的实体对象和组件类型（id是Long类型）。
要实现登录功能，我们就要输入用户名和密码，然后在数据库中进行查询，因此我们设定的方法就需要传入这两个参数，返回User，我们不需要写SQL语句，只要设定这个接口就可以实现SQL操作

public interface UserRepository extends JpaRepository<User,Long> {

    User findByUsernameAndPassword(String username,String password);


}

2、到Service中，创建UserService接口和UserServiceImpl类

public interface UserService {
    User checkUsers(String username, String password);

}

@Service
public class UserServiceImpl implements UserService {

    @Autowired
    private UserRepository userRepository;

    @Override
    public User checkUsers(String username, String password) {
        return userRepository.findByUsernameAndPassword(username, password);
    }
}

3、接下来到Web文件夹中，Web层相当于Controller层，我们在其中新建一个包admin，之后所有管理员操作的内容均放在其中。对于我们首先要实现的登陆功能，同样是属于管理员部分，因此在admin下创建LoginController类。
我们首先简单地写一个界面的跳转

@Controller
@RequestMapping("/admin")
public class LoginController {
    @Autowired
    private UserService userService;

    @GetMapping
    public String loginPage(){
        return "admin/login";
    }
}

此处中的GetMapping我们若是不为其设定路径，就会默认执行类上方的RequestMapping("/admin")路径

4、我们尝试运行，发现没有像预期那样在数据库中出现三张设计的表，检查发现在resources文件夹中application.yml没有配置jpa，因此进行配置：

spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/test0727?userSSL=true&characterEncoding=utf8&serverTimezone=Asia/Shanghai
    username: root
    password: 1234567890

  jpa:
    hibernate:
      ddl-auto: update
      use-new-id-generator-mappings: false
    show-sql: true

  thymeleaf:
    mode: HTML
  profiles:
    active: dev

其余的datasource和thymeleaf的配置在上一篇文章中进行了说明

5、再次运行，可以发现数据库中已经出现类设定的三张表，成功：

6、继续实现登录
同样在LoginController中，我们创建login函数和logout函数，实现登录和注销（退出登录）的功能，登录是对session中的属性进行设置，那么注销同样的对session进行操作，将session中的内容进行清除

@PostMapping("/login")
    public String login(@RequestParam String username, @RequestParam String password,HttpSession session, RedirectAttributes attributes){
        User user=userService.checkUsers(username,password);
        if(user!=null){
            user.setPassword(null);
            session.setAttribute("user",user);
            return "admin/index";
        }else {
            attributes.addFlashAttribute("message","用户名或密码错误");
            return "redirect:/admin";
        }
    }
    
	@GetMapping("/logout")
    public String logout(HttpSession session){
        session.removeAttribute("user");
        return "redirect:/admin";
    }

登录和注销功能演示

1、登录：
注意进行运行时，我们需要手动在浏览器中输入网址http://localhost:8080/admin，而不是像jsp那样会自动弹出。另外我们也可以直接在如下html文件中找到一个小图标，打开看到静态的页面，但是不能进行操作，操作还是要手动输入网址

登录之后可以看到如下界面，输入我们事先在数据库中插入的用户名和密码：

成功进入界面

2、登陆成功后，点击右上角用户昵称，看到“注销”，点击可以实现退出，返回到登录界面

在这部分中我们会发现，虽然我们成功登录了界面，但是IDEA中会出现错误，这个主要是因为我们的界面在设计时，写了很多之后会用到的elements，此时我们仅仅是传入了用户名和密码，所以elements不完整，导致出错，但是不影响我们的正常登录

分类展示功能

分类展示实现

1、在我们完成基本的登录功能之后，我们可以看到界面上有“分类”这个功能，点击之后发现无法找到页面，因此我们实现分类展示的第一步是先实现页面跳转
在web中创建一个新的TypeController，记得加上注解。

• 仅仅是页面跳转只需要return "admin/types"就行，但是考虑到之后我们会实现类别的增删改查，所以我们希望能够实现分页的功能，规定一页展示多少条数据。

2、在dao包中创建TypeRepository接口，记得继承JpaRepository<Type,Long>：

public interface TypeRepository extends JpaRepository<Type,Long> {
}

3、随后到Service中，定义TypeService接口和TypeServiceImpl
考虑到分页的实现，我们引入Page接口：

public interface TypeService {
    Page<Type> listType(Pageable pageable);
}

传入的Pageable是SpringBoot库中的一个接口，可以帮助我们得到与分页有关的数据，例如每一页展示多少、页数等等。

@Service
public class TypeServiceImpl implements TypeService {
    @Autowired
    private TypeRepository typeRepository;

    @Override
    public Page<Type> listType(Pageable pageable) {
        return typeRepository.findAll(pageable);
    }
}

findAll（）虽不是我们直接设定的方法，但是属于TypeRepository所继承的JpaRepository，因此也可以直接调用。

4、在web中完善TypeController类：

@Controller
@RequestMapping("/admin")
public class TypeController {
    @Autowired
    private TypeService typeService;

    @RequestMapping("/types")
    public String type(@PageableDefault(size = 3,sort={"id"},direction = Sort.Direction.DESC)Pageable pageable, Model model){
   model.addAttribute("page",typeService.listType(pageable));
        return "admin/types";
    }
}

在type中传入的@PageableDefault(size = 3,sort={“id”},direction = Sort.Direction.DESC，表示的是设定分页每一页展示3条数据，根据id字段进行降序排列，可以理解为新传入的数据会先展示，早先传入的则会排在新传入的后面

分类展示演示

运行之后，登录成功后进入“分类”页面，可以看到成功显示了事先在数据库中插入的内容，另外要说明的一点是此处的1、2、3、没有实际意义，仅仅是序号，不代表id

点击下一页：