golang-web框架revel一个表单提交的总结

简介: 这里要介绍好是revel框架的表单post提交的列子,主要是用于入门学习,和一些知识点的讲解; 首先:   来了解一个问题那就是重复提交表单,做过form表单提交的同学都知道,如果表单提交后不做处理,那么直接在浏览器按下F5,会再次提交表单内容到服务器,这就是重复提交,当然要防止这个有多种方法,...

这里要介绍好是revel框架的表单post提交的列子,主要是用于入门学习,和一些知识点的讲解;

首先:

  来了解一个问题那就是重复提交表单,做过form表单提交的同学都知道,如果表单提交后不做处理,那么直接在浏览器按下F5,会再次提交表单内容到服务器,这就是重复提交,当然要防止这个有多种方法,这里简单描述一种常见的:

  一种是加入token失效验证,这个token其实就是一个值,验证的原理是第一次客户打开页面时候获取到一个分配的值,每次用户刷新页面的时候这个分配的值都需要变动,并且这个值在用户提交表单时候会进行验证,验证页面传递到后端程序保存的值是否一致,如果提交表单成功后,这个值会失效或者来说被清空。

其次:上代码+分析

package controllers

import "github.com/revel/revel"
import "fmt"

//import "io/ioutil"
import "encoding/json"
import "os"
import "io"
import "time"
import "net/http"

type Concate struct {
    Name   string
    Link   string
    Concat string
    Tel    string
    Email  string
}

func WriteFileAppend(filename string, data []byte) error {

    fl, err := os.OpenFile(filename, os.O_APPEND|os.O_CREATE, 0644)
    if err != nil {
        return err
    }
    defer fl.Close()
    n, err := fl.Write(data)
    if err == nil && n < len(data) {
        err = io.ErrShortWrite
    }
    return err
}

func (c App) Add() revel.Result {

    method := c.Request.Method
    fmt.Printf(method)
    ck_name := "add_token"
    if method == "POST" {

        name := c.Params.Get("txtName")
        link := c.Params.Get("txtLink")
        concat := c.Params.Get("txtHeader")
        tel := c.Params.Get("txtTel")
        email := c.Params.Get("txtEmail")

        token := c.Params.Get("add_token")

        fmt.Printf("学校加入参数:name=%v;link=%v;concat=%v;tel=%v;email=%v;token=%V", name, link, concat, tel, email, token)

        c.Validation.Required(token).Message("token验证失败,请重新打开页面")

        c.Validation.Required(name).Message("学校名称,必须填写")
        c.Validation.Required(concat).Message("申请人名,必须填写")
        c.Validation.Required(tel).Message("联系电话,必须填写")
        c.Validation.Required(email).Message("联系邮箱,必须填写")

        if c.Validation.HasErrors() {
            // 在flash上下文中保存验证错误并重定向
            c.Validation.Keep()
            c.FlashParams()
            return c.Render()
        }

        result := "加入园子-失败"
        ck_Token, ck_err := c.Request.Cookie(ck_name)
        if ck_err != nil {
            return c.Render(result)
        }

        if ck_Token.Value != token {
            return c.Render(result)
        }

        concate := Concate{Name: name, Link: link, Concat: concat, Tel: tel, Email: email}
        bb, err := json.Marshal(concate)
        if err != nil {
            return c.Render(result)
        }
        bstr := string(bb) + ","
        bbNew := []byte(bstr)
        err = WriteFileAppend(`./WiKiApp/public/js/add.json`, bbNew)
        if err == nil {
            result = " 加入园子-成功,稍后会有邮件或客服人员联系您"
        }
        return c.Render(result)
    }

    //创建token,防止重复提交
    token := time.Now().Format("2006-01-02 15:04:05")

    ck := http.Cookie{Name: ck_name, Value: token}
    c.SetCookie(&ck)
    return c.Render(token)
}
View Code

  第一次进来路由指向这个页面的时候是get请求,此时使用cookie保存一下生成的token,revel框架是mvc模式,可以通过c.Render(token)把参数输出到页面上,在使用模板直接绑定到hidden元素上面

  <input type="hidden" name="add_token" value="{{.token}}"/>这里把token输出到了影藏域里面,

  下面就是填写表单内容,再执行保存提交按钮,post到后台的地址,这里的代码知识点有

 

  1.c.Request.Method:获取请求的http方式;

  2.c.Params.Get("txtName"):获取页面元素name为txtName名字的参数值;

  3.fmt.Printf("%v","我爱祖国"):这里的print就是打印信息在后台,%v是占位符,类似于C#{0}效果;

  4.c.Validation.Required(token).Message("token验证失败,请重新打开页面"):c.Validation.Required是revel框架封装的验证方法,Message("xxxx")是不符合验证格式了,就返回的提示信息;

  5.c.FlashParams():revel框架的验证错误信息是一次性的,类似于.net mvc中的tempdata效果,只能被读取一次;

  6.ck_Token, ck_err := c.Request.Cookie(ck_name):Request.Cookie是获取对应名称的cookie信息,这里看到的:=是go语言的语法,此语法的作用很大,具体请去了解go基础;

  7.bbNew := []byte(bstr):这里[]byte()直接吧字符串信息转化成了byte[]看起来是不是很方便

  8.WriteFileAppend:是自定义的记录文本信息的方法,里面最重要的是defer fl.Close(),这个defer意思就是等待方法执行完后,在调用这个close释放资源,这里有点像finally的感觉

 

  再发下html模板代码

{{set . "title" "搜-学校-加入圈子"}}
{{template "header.html" .}}

    <form action="/app/add" method="post" style="margin-bottom:20px">
          <div class="form-group">
            <label for="txtName">学校-名称(<font style="color:#337ab7">必填</font>)</label>
            <input type="text" class="form-control"  maxlength="50" id="txtName" name="txtName" required placeholder="学校名称">
          </div>
          <div class="form-group">
            <label for="txtLink">学校-网站地址</label>
            <input type="text" class="form-control" maxlength="200" id="txtLink" name="txtLink" placeholder="http://xxx">
          </div>
          <div class="form-group">
            <label for="txtHeader">学校-申请人(<font style="color:#337ab7">必填</font>)</label>
            <input type="text" class="form-control"  maxlength="10" id="txtHeader" name="txtHeader" required placeholder="申请人名字">
          </div>
          <div class="form-group">
            <label for="txtTel">申请-电话(<font style="color:#337ab7">必填</font>)</label>
            <input type="text" class="form-control"  maxlength="20" id="txtTel" name="txtTel" required placeholder="申请人联系电话号码">
          </div>
          <div class="form-group">
            <label for="txtEmail">申请-邮箱(<font style="color:#337ab7">必填</font>)</label>
            <input type="Email" class="form-control"  maxlength="50" id="txtEmail" name="txtEmail" required placeholder="申请人邮箱如:8123@qq.com">
          </div>
          <!--<div class="form-group">
            <label for="exampleInputFile">File input</label>
            <input type="file" id="exampleInputFile">
            <p class="help-block">Example block-level help text here.</p>
          </div>-->
          <!--<div class="checkbox">
            <label>
              <input type="checkbox"> Check me out
            </label>
          </div>-->
          <button type="submit" class="btn btn-success">保 存</button>
          <input type="hidden" name="add_token" value="{{.token}}"/>
          <span>{{.result}}</span>
    </form>
<div class="container">
  <div class="row">
  <div class="span6">
    {{template "flash.html" .}}
  </div>
  </div>
</div>
{{template "footer.html" .}}
View Code

  最后,以上是一些知识点的个人认识和描述,有疑问或者有错误地方,欢迎来稿。

    

 

  

  

目录
相关文章
|
9天前
|
设计模式 开发框架 数据库
Python Web开发主要常用的框架
【5月更文挑战第12天】Python Web开发框架包括Django、Flask、Tornado和Pyramid。Django适用于复杂应用,提供ORM、模板引擎等全套功能;Flask轻量级,易于扩展,适合小型至中型项目;Tornado擅长处理高并发,支持异步和WebSockets;Pyramid灵活强大,可适配多种数据库和模板引擎,适用于各种规模项目。选择框架需依据项目需求和技术栈。
125 2
|
4天前
|
缓存 API 数据库
构建高效Python Web应用:Flask框架与RESTful API设计原则
【5月更文挑战第20天】 在现代Web开发中,构建一个轻量级且高效的后端服务至关重要。本文将深入探讨如何使用Python的Flask框架结合RESTful API设计原则来创建可扩展和易于维护的Web应用程序。我们将通过分析Flask的核心特性,以及如何利用它来实现资源的合理划分、接口的版本控制和请求处理优化等,来指导读者打造高性能的API服务。文中不仅提供了理论指导,还包括了实践案例,旨在帮助开发者提升开发效率,并增强应用的稳定性和用户体验。
|
6天前
|
缓存 监控 安全
Django框架在大型Web应用中的架构设计与实战
【5月更文挑战第18天】Django框架在构建大型Web应用中扮演重要角色,采用分层架构(数据、业务逻辑、表示层)和多应用组织模式,结合缓存策略(如Memcached、Redis)提升性能。通过异步处理、分布式部署提高响应速度和扩展性。关注数据分区、安全设计及监控日志,确保系统高效、稳定。Django为复杂业务提供坚实基础,助力打造卓越Web系统。
34 7
|
6天前
|
开发框架 中间件 数据库
Django 框架入门全攻略:轻松构建 Web 应用
【5月更文挑战第18天】本文是 Django 入门教程,介绍了如何使用 Django 构建 Web 应用。内容包括安装、项目与应用创建、模型定义、数据库迁移、视图编写、路由配置、模板系统、表单处理和中间件的使用。通过实例展示了 Django 基本流程,帮助初学者快速上手。Django 提供高效工具,便于开发者聚焦业务逻辑,轻松构建功能丰富的 Web 应用。
32 5
|
6天前
|
存储 缓存 API
Flask 框架在大型 Web 应用中的使用与挑战
【5月更文挑战第18天】Flask框架适用于快速开发轻量级Web应用,但用于大型应用时需应对性能、代码管理和团队协作的挑战。通过集成扩展处理复杂需求,使用蓝图组织代码,以及引入缓存优化性能,结合明确的代码规范和开发流程,可有效应对挑战,构建高效稳定的应用。
35 5
|
6天前
|
数据库连接 Python
Flask 框架入门与实践:构建你的第一个 Web 应用
【5月更文挑战第18天】本文介绍了使用 Flask 框架构建第一个 Web 应用的步骤。首先通过 `pip install Flask` 安装框架,然后编写基本的 Python 代码创建应用,包括定义路由和响应。示例展示如何显示 &quot;Hello, World!&quot;,并扩展到显示用户信息的功能。利用模板(如 `index.html`)可使页面更丰富。随着学习深入,可以利用 Flask 的更多特性,如表单处理和数据库连接,来构建更复杂的 Web 应用。本文旨在激发读者对 Flask 和 Web 开发的兴趣,鼓励不断探索和实践。
44 7
|
9天前
|
JavaScript 前端开发 数据可视化
Svelte Web 框架介绍
Svelte Web 框架介绍
12 0
|
9天前
|
前端开发 Java Spring
Java Web ——MVC基础框架讲解及代码演示(下)
Java Web ——MVC基础框架讲解及代码演示
16 1
|
9天前
|
设计模式 前端开发 网络协议
Java Web ——MVC基础框架讲解及代码演示(上)
Java Web ——MVC基础框架讲解及代码演示
10 0
|
9天前
|
机器学习/深度学习 JSON 编译器
C++ 资源大全:标准库、Web框架、人工智能等 | 最全整理
C++ 资源列表,内容包括: 标准库、Web应用框架、人工智能、数据库、图片处理、机器学习、日志、代码分析等
55 1