有后台和前端组成:

后台代码:

package mainimport ("github.com/gin-gonic/gin""net/http"
)//gin routerlab  get,post同时进行
func routelab1() {//初始还engine := gin.Default()如果模板在多级目录里面的话需要这样配置 engine.LoadHTMLGlob("templates/**/**/*")/** 表示目录engine.LoadHTMLGlob("templates/**/*")//#########################################################################//路由1engine.GET("/", func(c *gin.Context) {c.String(http.StatusOK, "OK...")})//Get 请求传值//http://127.0.0.1:9999/user?uid=110&pageindex=11engine.GET("/user", func(c *gin.Context) {uid := c.Query("uid")page := c.DefaultQuery("pageindex", "0")c.String(http.StatusOK, "uid=%v pageindex=%v", uid, page)})//动态路由传值   http://127.0.0.1:9999/book/99engine.GET("/book/:bookid", func(c *gin.Context) {bid := c.Param("bookid")c.String(http.StatusOK, bid)})//###########################post表单事项##############################################//###################################################################################//通过 c.PostForm 接收表单传过来的数据engine.GET("/addUser", func(c *gin.Context) {c.HTML(http.StatusOK, "default/add_user.html", gin.H{})})engine.POST("doAddUser", func(c *gin.Context) {username := c.PostForm("username")password := c.PostForm("password")age := c.DefaultPostForm("age", "50")c.JSON(200, gin.H{ //返回json数据类型"username": username,"password": password,"age":      age,})})//#########################################################################//#########################################################################//路由服务启动engine.Run(":9999")}func main() {//fmt.Println("test")//get post同时进行的测试//routelab1()getpoststruct()
}


前端:

{{ define "default/add_user.html" }}  <!--//必须添加的-->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>系统登录</title>
</head>
<body>
<h1>用户登录界面</h1>
<form action="/doAddUser" method="post">
用户名:<input type="text" name="username"><br><br>
密 &nbsp;码:<input type="password" name="password"><br><br>
<input type="submit" value="提交">
</form></body>
</html><!--//必须添加的-->
{{end}}


返回结果截图:

组织结果图:


前端登录界面


前端登录 提交返回结果:

提交后返回的信息:

gin--简单的登录界面的实现相关推荐

  1. 一对一直播源码,实现一个简单的登录界面

    一对一直播源码,实现一个简单的登录界面 1.html <!DOCTYPE html> <html lang="en"> <head><me ...

  2. PyQt5制作一个简单的登录界面

    最近在学习GUI设计,分享做的一些小项目. 这篇文我们讲一下如何制作一个简单的登录界面. 目录 一.效果图 二.简述制作过程: 三.源码及材料: 1.源码: 2.图片素材: 一.效果图 如下: 二.简 ...

  3. JAVA实现简单的登录界面

    我本来是学C++的,然后课程上老师要求做一个登陆界面,用C++实现不限时,然后就选择了JAVA,从零开始自学JAVA.好在网上很多大佬都写了如何用JAVA编写登陆界面的博客,写得很详细,使得我第一次接 ...

  4. 通过LabVIEW设计简单的登录界面

    设计思路: 当密码等于所写定的字符串后,显示登录成功:密码错误时,显示用户名或密码错误,请重新输入. 点击登录或取消便可停止循环,通过条件结构实现. 前面板设计: 登录背景可直接将图片复制粘贴,通过重 ...

  5. html简单的登录界面制作

    html简单的登录界面制作 话不多说,老铁们直接拿代码去用吧. <!DOCTYPE html> <html><head><meta charset=" ...

  6. java qq登录成功界面_java实现简单QQ登录界面

    本文实例为大家分享了java实现简单QQ登录界面的具体代码,供大家参考,具体内容如下 java在图形界面,不是太强项,但不是不可以做,它的开源是very nice! 实现代码如下(想实现完美的界面,可 ...

  7. 【Swing 2】布局管理器与简单的登录界面

    很苦逼的是,每次想记录一个小程序,发现,要给别人讲清楚,总是得分很多模块讲解. 所以今天来讲下Swing组件的三大布局管理器. 参考:<Head First Java>第十三章 1. Bo ...

  8. php简单的登录界面,PHP实现简单用户登录界面

    用PHP实现简单的用户登录界面,供大家参考,具体内容如下 首先要实现用户登录界面需要一个html登录表单 用户名: 密码: 重复密码: 然后开始按照流程图写PHP代码 if(trim($_POST[' ...

  9. JSP写一个简单的登录界面

    系列文章目录 JSP实现不链接数据库的简单登录功能实现 文章目录 系列文章目录 前言 一.jsp是什么? 二.使用到的页面代码 1.login.jsp 2.index.jsp 3.LoginServl ...

  10. java实现简单QQ登录界面验证_QQ登录界面实现

    正版现货ui设计必修课sketch ue光盘 191.8元 包邮 (需用券) 去购买 > Java实现QQ登录界面 QQ登录界面也是界面的一种,在实现界面时我们需要一些界面开发包,如: pack ...

最新文章

  1. Seaborn使用lmplot函数可视化散点图并添加回归曲线以及回归线对应的置信区间(Scatter plot with regression line)
  2. ckeditor富文本编辑器的基本配置设置:
  3. 如何在tomcat前部署一个nginx
  4. python字符集_Python任意字符集转换
  5. 测试功能范围_我们该如何制定手机浏览器菜单改版测试范围呢?
  6. ajax常见的status状态码
  7. TD8.0管理员工具
  8. Oracle11g创建表空间、创建用户、角色授权、导入导出表以及中文字符乱码问题
  9. form resetFields并没有清空表单
  10. 算法学习之路|方格分割
  11. 鸿蒙系统为什么腾讯,鸿蒙系统发布,为什么有人说其为安卓换壳?
  12. 手把手教你 如何安装 Ubuntu(乌班图)
  13. html网页简单代码
  14. 机器人工程师学习计划(新工科自学方案)------杨硕
  15. inode客户端linux 怎样运行,H3C_iNode智能客户端安装指导(Linux)
  16. 蓝桥杯2019B组 C++
  17. 数字信号处理概览与框图
  18. 设计模式——C++版
  19. 适合计算机编程开发的笔记本电脑推荐
  20. 2020年英语六级翻译

热门文章

  1. 知乎高赞:985计算机视觉毕业后找不到工作怎么办?
  2. opencv图像连通区域分析
  3. oracle12c新特点之可插拔数据库(Pluggable Database,PDB)
  4. HDU4508 完全背包
  5. ios开发--清理缓存
  6. 关于SVN出现 svn working copy locked的原因及解决方法
  7. asp.net 2.0中实现防盗链
  8. 【算法学习】【图像增强】【Retinex】White Patch Retinex 程序解读
  9. 简单区块链Python实现
  10. 智能优化算法应用:基于麻雀搜索算法与非完全beta函数的自适应图像增强算法 - 附代码