Spring boot CRUD
【腾讯云】亏本大甩卖,服务器4核16G 1年370元(带宽12M,系统盘120GB SSD盘,月流量2000GB)!!!!!!
云产品 配置 价格
服务器 1核2G,带宽5M,系统盘50GB SSD盘,月流量500GB 38元/年
MySQL 1核1G 19元/年
服务器 16核32G,带宽18M,系统盘250GB SSD盘,月流量5000GB 1197元/年
点我进入腾讯云,查看更多详情

一、列表页   templates/emp/list.html

0、侧边栏链接:

<li class="nav-item">
    <a class="nav-link" href="#"  th:href="@{/emps}" th:class="${activeUrl == ‘emps‘ ? ‘nav-link active‘ : ‘nav-link‘}">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users">
            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
            <circle cx="9" cy="7" r="4"></circle>
            <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
            <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
        </svg>
        员工管理
    </a>
</li>

 

 

1、跳转映射请求

@GetMapping("/emp")
public String addEmpPage(Model model) {
    return "emp/add";
}

 

2、列表页面源码

<div th:replace="commons/bar :: topBar"></div>
        <div class="container-fluid">
            <div class="row">
                <div th:replace="commons/bar :: sideBar(activeUrl=emps)"></div>

                <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
                    <h2><a class="btn btn-sm btn-success" href="emp" th:href="@{/emp}">员工添加</a></h2>
                        <div class="table-responsive">
                        <table class="table table-striped table-sm">
                            <thead>
                                <tr>
                                    <th>id</th>
                                    <th>姓氏</th>
                                    <th>邮箱</th>
                                    
                                    <th>性别</th>
                                    <th>部门</th>
                                    <th>生日</th>
                                    
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr th:each="emp : ${emps}">
                                
                                    <td th:text="${emp.id}"></td>
                                    <td th:text="${emp.lastName}">Lorem</td>
                                    <td  th:text="${emp.email}">ipsum</td>
                                    
                                    <td th:text="${emp.gender}">dolor</td>
                                    <td th:text="${emp.department.departmentName}">sit</td>
                                    <td th:text="${emp.birth}">sit</td>
                                    
                                    <td>
                                        <button class="btn btn-sm btn-primary" type="submit">编辑</button>
                                        <button class="btn btn-sm btn-danger" type="submit">删除</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                </main>
            </div>
        </div>

 

 3、列表效果

分享图片

推荐文章

安卓警报和服务触发器

安卓警报和服务触发器

推荐文章

ASP.net重音字符和正则表达式名称

ASP.net重音字符和正则表达式名称

推荐文章

带有可扩展列表活动的窗口功能“左”图标不起作用

带有可扩展列表活动的窗口功能“左”图标不起作用

推荐文章

如何用PHP将LaTeX转换成PDF/PNG

如何用PHP将LaTeX转换成PDF/PNG

推荐文章

封装类的责任

封装类的责任

推荐文章

如何将int向量附加到因子?

如何将int向量附加到因子?

推荐文章

strncpy引入了有趣的角色

strncpy引入了有趣的角色

推荐文章

将running应用程序版本与market应用程序版本进行比较

将running应用程序版本与market应用程序版本进行比较

推荐文章

如何在数据库(Sybase)中查找表中的行大小

如何在数据库(Sybase)中查找表中的行大小

推荐文章

是否可以忽略元素职位:亲戚?

是否可以忽略元素职位:亲戚?

推荐文章

NHibernate半映射单向?

NHibernate半映射单向?

推荐文章

尝试将文本文件读入hashmap时发生ArrayIndexOutOfBoundsException

尝试将文本文件读入hashmap时发生ArrayIndexOutOfBoundsException

推荐文章

Spinner itemClick在android中显示force close

Spinner itemClick在android中显示force close

推荐文章

服务等级和意向服务等级

服务等级和意向服务等级

推荐文章

使用nginx向FastCGI后端发送附加头

使用nginx向FastCGI后端发送附加头

推荐文章

Visual Studio 2010远程调试-无法连接:访问被拒绝

Visual Studio 2010远程调试-无法连接:访问被拒绝