Gin-Go学习笔记三：Gin-Web框架 JS分页 - GO

TOP

Gin-Go学习笔记三：Gin-Web框架 JS分页(三)

2017-12-20 12:50:15 【大中小】浏览:2516次

.H{ "success": ra, }) c.Redirect(http.StatusOK,"/home/list") } //删除记录 func DeletePersonApi(c *gin.Context) { //得到请求的参数 num:=c.PostForm("id") fmt.Println(num) id,err:= strconv.Atoi(num) if err!=nil{ log.Fatalln(err) } //调用模型中的删除的方法 ra:= DeletePerson(id) if ra == false { log.Fatalln("删除失败") } //返回结果 c.JSON(http.StatusOK, gin.H{ "success": ra, }) }

4> 路由配置如下：

package routers

import (
  "github.com/gin-gonic/gin"
  . "GinLearn/GinLearn/apis"
 )
 
func InitRouter() *gin.Engine{
  router := gin.Default()
  //Hello World
  router.GET("/", IndexApi)
  //渲染html页面
  router.LoadHTMLGlob("views/*")
  router.GET("/home/index", ShowHtmlPage)
  //列表页面
  router.GET("/home/list", ListHtml)
  router.POST("/home/PageData", GetDataList)
  router.POST("/home/PageNextData", PageNextData)

  //新增页面
  router.GET("/home/add", AddHtml)
  router.POST("/home/saveadd", AddPersonApi)
  
   //编辑页面
   router.GET("/home/edit", EditHtml)
   router.POST("/home/saveedit", EditPersonApi)

    //删除
    router.POST("/home/delete", DeletePersonApi)
  return router
 }

5> 新建list.html作为分页展示，新建add.html和edit.html页面，作为数据的新增和编辑,其具体代码如下:

1->list.html页面代码如下:

<!DOCTYPE html>
 
<html>
      <head>
        <title>首页 - 用户列表页面</title>
        <script type="text/java script" src="/static/js/jquery-2.1.1.min.js"></script> 
        <script type="text/java script" src="/static/js/jquery.paginationNew.js"></script> 
        <style>
          .am-cf{
            height: 50px;          
            margin-top: 30px;
            line-height: 50px;
            text-align: center;
            vertical-align: middle;
            margin-left: 40%;
          }
          .am-fr{
              float: left;
              line-height: 50px;
              text-align: center;
              vertical-align: middle;
              height: 50px;
              margin-top: -15px;
          }
          .am-pagination{
            list-style:none;
            height: 50px;    
            line-height: 50px;
            text-align: center;
            vertical-align: middle;
          }
          .am-pagination li{
            float:left;
            margin-left: 10px;
          }
          .am-pagination li a{
            text-decoration:none;
          }
          .am-jl{
              float: left;
              margin-left: 20px;
          }
          .am-active{
              color: #f00;
          }
        </style>
      </head>
       
    <body>
     
        <div class="row pull-right" style="margin-bottom: 20px;margin-right: 5px;text-align:right;margin-right: 40px;">
      
          <input type="text" placeholder="请输入名称" id="txt_search"/>
          <button class="" onclick="search()">搜索</button>

          <button class="" onclick="adddata()">新增</button>
        </div>
            
        <table class="table table-striped table-hover table-bordered ">
          <thead>
           <th style="text-align: center">ID</th>
           <th style="text-align: center">姓氏</th>
           <th style="text-a

首页上一页 1 2 3 4 5 6 下一页尾页 3/6/6
【大中小】【打印】【繁体】【投稿】【收藏】【推荐】【举报】【评论】【关闭】【返回顶部】

上一篇：Gin-Go学习笔记七：Gin-Web框架 ..	下一篇：Gin-Go学习笔记一：Hello World