《web应用技术》第6次课后作业

最新推荐文章于 2024-07-14 16:43:41 发布

@CodeMaster

最新推荐文章于 2024-07-14 16:43:41 发布

阅读量226

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/m0_74399220/article/details/138733376

版权

poet_list.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>诗人信息</title>
</head>

<script src="./js/vue.js"></script>
<script src="./js/axios-0.18.0.js"></script>

<body>

<h1 align="center">诗人信息列表展示</h1>

<div id="app" align="center">
    <table border="1" cellspacing="0" width="60%">
        <tr>
            <th>序号</th>
            <th>姓名</th>
            <th>性别</th>
            <th>朝代</th>
            <th>头衔</th>
            <th>风格</th>
            <th>操作</th>
        </tr>
        <tr align="center" v-for="(poet,index) in tableData">
            <td>{{poet.id}}</td>
            <td>{{poet.author}}</td>
            <td>{{poet.gender}}</td>
            <td>{{poet.dynasty}}</td>
            <td>{{poet.title}}</td>
            <td>{{poet.style}}</td>
            <td class="text-center">
                <!--a :href="'peot_edit.html?id='+peot.id"-->
                <!--button type="button" @click="deleteId(peot.id)-->
                修改
                删除
            </td>
        </tr>
    </table>
</div>
</body>
<script>
    new Vue({
        el: "#app",
        data() {
            return {
                tableData: []
            }
        },
        mounted(){
            //peotfindAll
            axios.get('/findAllJson').then(res=>{
                if(res.data.code){
                    this.tableData = res.data.data;
                }
            });
        },
    });
</script>
</html>

PoetMapper

package wust.edu.mapper;

import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Select;
import wust.edu.pojo.Poet;

import java.util.List;

@Mapper
public interface PoetMapper {
    @Select("select * from poem")
    public List<Poet> findAll();
}

PoetController

package wust.edu.controller;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import wust.edu.mapper.PoetMapper;
import wust.edu.pojo.Result;
import wust.edu.service.PoetService;

@RestController
public class PoetController {
    @Autowired
    private PoetService Poetservice;

    @RequestMapping("/findAllJson")
    public Result findAllJson(){
        return Result.success(Poetservice.findAll());
    }


}

PoetService

package wust.edu.service;

import wust.edu.pojo.Poet;

import java.util.List;

public interface PoetService {
    public List<Poet> findAll();
}

PoetService_impl

package wust.edu.service.imple;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import wust.edu.mapper.PoetMapper;
import wust.edu.pojo.Poet;
import wust.edu.service.PoetService;

import java.util.List;

@Service
public class PoetService_impl implements PoetService {
    @Autowired
    private PoetMapper Poetmapper;
    @Override
    public List<Poet> findAll() {
       return Poetmapper.findAll();
    }
}