MVC-VC
1> 新建一个user.go控制器，其代码如下:
package controllers
import (
"webapp/models"
"strconv"
"fmt"
"github.com/astaxie/beego"
"github.com/astaxie/beego/orm"
_"github.com/go-sql-driver/mysql"
)
//控制器
type HomeController struct {
beego.Controller
}
//get请求用户列表 执行的方法
func (c *HomeController) Get() {
o := orm.NewOrm()
o.Using("default")
//用户列表
userlist:=models.DataList()
fmt.Println("用户列表数据:")
fmt.Println(userlist)
/*返回json数据*/
c.Data["datas"]=userlist
c.TplName = "home.html"
}
//删除方法
type DeleteHomeController struct {
beego.Controller
}
func (c *DeleteHomeController) Get() {
o := orm.NewOrm()
o.Using("default")
id, _ := c.GetInt64("Id")
fmt.Println(id)
isdelete:=models.DeleteById(id)
if isdelete{
fmt.Println("删除成功")
}else{
fmt.Println("删除失败")
}
//路径的跳转
c.Redirect("/", 302)
}
//get请求用户列表 执行的方法
type EditHomeController struct {
beego.Controller
}
func (c *EditHomeController) Get() {
o := orm.NewOrm()
o.Using("default")
//用户列表
idval,errId:=strconv.ParseInt(c.GetString("Id"),10,64);
if errId!=nil{
fmt.Println("缺少参数id");
}
user,err:=models.QueryById(idval)
if err==true{
fmt.Println("获取模型失败");
fmt.Println(err);
}else{
fmt.Println("获取模型成功");
}
/*返回json数据*/
c.Data["data"]=user
c.TplName = "edit.html"
}
//编辑新增/更新方法
type UpdateHomeController struct {
beego.Controller
}
func (c *UpdateHomeController) Post() {
o := orm.NewOrm()
o.Using("default")
fields := make(map[string] interface{})
//获取参数
id, _ := c.GetInt("Id")
name:=c.GetString("name")
nickname:=c.GetString("nickname")
pwd:=c.GetString("pwd")
email:=c.GetString("email")
sex:=c.GetString("sex")
phone:=c.GetString("phone")
roleid:="1";
status,_:=strconv.ParseInt("1",10,64);
//新增用户
if id==0 {
idval,_:=strconv.ParseInt("0",10,64);
//新增一条数据，并给模型赋值
user :=models.Create(idval,name,nickname,pwd,email,sex,roleid,status,phone)
fmt.Println(user)
}else{
fields["Id"]=id
name:= c.GetString("name")
fields["Name"]=name
nickname:= c.GetString("nickname")
fields["Nickname"]=nickname
pwd:= c.GetString("pwd")
fields["Pwd"]=pwd
sex:= c.GetString("sex")
fields["Sex"]=sex
email:= c.GetString("email")
fields["Email"]=email
//更新
models.UpdateById(id,"user", fields)
}
//路径的跳转
c.Redirect("/Home/List", 302)
}
//控制器
type UserController struct {
beego.Controller
}
//get请求用户分页列表 执行的方法
func (c *UserController) Get() {
o := orm.NewOrm()
o.Using("default")
//得到当前分页html的数据
pa,err:=c.GetInt("page")
if err!=nil{
println(err)
}
pre_page:=3
totals:=models.GetDataNum()
res := models.Paginator(pa, pre_page, totals)
//得到分页user的数据
userlist:=models.LimitList(3,pa)
c.Data["datas"] = userlist //用户的数据
c.Data["paginator"] = res //分页的数据
c.Data["totals"] = totals //分页的数据
c.TplName="list.html"
}
2> 在路由器文件router.go中添加路由配置,其代码如下:
package routers
import (
"firstweb/controllers"
"github.com/astaxie/beego"
)
func init() {
//beego.Router("/", &controllers.MainController{})
beego.Router("/", &controllers.HomeController{})
beego.Router("/Home/Edit", &controllers.EditHomeController{})
beego.Router("/Home/Update", &controllers.UpdateHomeController{})
beego.Router("/Home/Delete", &controllers.DeleteHomeController{})
beego.Router("/Home/List", &controllers.UserController{})
}
3> 在views文件夹下添加2html页面，分别为home.html,edit.html
4> Home.html页面的代码如下:
<!DOCTYPE html>
<html>
<head>
<title>首页 - 用户列表页面</title>
<link rel="shortcut icon" href="/static/img/favicon.png" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div class="row pull-right" style="margin-bottom: 20px;margin-right: 45px;text-align:right;">
<a class="btn btn-success" href="/Home/Edit?Id=0">添加</a>
</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-align: center">昵称</th>
<th style="text-align: center">密码</th>
<th style="text-align: center">Email</th>
<th style="text-align: center">性别</th>
<th style="text-align: center">手机号</th>
<th style="text-align: center">操作</th>
</thead>
<tbody id="sortable">
{{range $index, $item := .datas}}
<tr class="sort-item" id="module_{{$item.Id}}" value="{{$item.Id}}">
<td style="text-align: center; 150px;"><span class="label label-default" >{{$item.Id}}</span></td>
<td style="text-align: center; 240px;" ><strong>{{$item.Name}}</strong></td>
<td style="text-align: center; 240px;" ><strong>{{$item.Nickname}}</strong></td>
<td style="text-align: center; 240px;" ><strong>{{$item.Pwd}}</strong></td>
<td style="text-align: center; 240px;" ><strong>{{$item.Email}}</strong></td>
<td style="text-align: center; 240px;" ><strong>{{$item.Sex}}</strong></td>
<td style="text-align: center; 240px;" ><strong>{{$item.Phone}}</strong></td>
<td style="text-align: center; 150px;">
<a href="/Home/Edit?Id={{$item.Id}}" class="label label-info" title="修改" >修改</a>
<a href="/Home/Delete?Id={{$item.Id}}" class="label label-info" title="删除">删除</a>
</td>
</tr>
{{end}}
</tbody>
</table>
<script type="text/javascript" src="http://cdn.staticfile.org/jquery/2.0.3/jquery.min.js"></script>
</body>
</html>
5>edit.html页面如下:
<div class="col-xs-6 col-sm-9">
<form class="form-horizontal" method="post" id="mainPageContent" action="/Home/Update" enctype="multipart/form-data">
{{if .data}}
<input type="hidden" name="Id" value="{{.data.Id}}">
{{end}}
<div class="form-group has-success">
<label class="col-sm-2 control-label">名称</label>
<div class="col-sm-3">
<input type="text" class="form-control" id="name" name="name" placeholder="姓名"
{{if .data}}value="{{.data.Name}}"{{end}}>
</div>
</div>
<div class="form-group has-success">
<label class="col-sm-2 control-label">昵称</label>
<div class="col-sm-3">
<input type="text" class="form-control" id="nickname" name="nickname" placeholder="昵称"
{{if .data}}value="{{.data.Nickname}}"{{end}}>
</div>
</div>
<div class="form-group has-success">
<label class="col-sm-2 control-label">密码</label>
<div class="col-sm-3">
<input type="text" class="form-control" id="pwd" name="pwd" placeholder="密码"
{{if .data}}value="{{.data.Pwd}}"{{end}}>
</div>
</div>
<div class="form-group has-success">
<label class="col-sm-2 control-label">Email</label>
<div class="col-sm-3">
<input type="text" class="form-control" id="email" name="email" placeholder="Email"
{{if .data}}value="{{.data.Email}}"{{end}}>
</div>
</div>
<div class="form-group has-success">
<label class="col-sm-2 control-label">性别</label>
<div class="col-sm-3">
<input type="text" class="form-control" id="sex" name="sex" placeholder="Sex"
{{if .data}}value="{{.data.Sex}}"{{end}}>
</div>
</div>
<div class="form-group has-success">
<label class="col-sm-2 control-label">手机号</label>
<div class="col-sm-3">
<input type="text" class="form-control" id="phone" name="phone" placeholder="Phone"
{{if .data}}value="{{.data.Phone}}"{{end}}>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-info">确定</button>
</div>
</div>
</form>
</div>
6> 运行起来的效果如下:
1->列表页面如下:
2->编辑页面如下:
3->新增页面如下:
4->删除效果
7> 下一回实现分页的效果