最近学习了在js中连接和用sql语句操作数据库,学习了ajax的异步提交请求和返回响应,学习了jason数据转string和jade的语法与连接到response,学习了web应用的开发全过程,学习了使用js语言从前段到后端全栈开发。

###前端

用bootstrap设计一个HTML页面放在public里,展示用户操作的界面。在里面嵌入一段js代码,实现通过dom操作HTML里的元素,或者连接vue,来获取用户输入的值,再通过ajax技术实现不刷新页面也可以把后端的返回值更新在页面上。通过一个函数拼出uri的值包含在request里,在ajax的回调函数里再以get的方式发送请求到后端app.js路由。

###后端

路由原理,在app.js里,通过一个app.use方法把不同路由和事件分别绑定,并把前端发送来的请求分派给routes里对应的响应函数,在denglu.js路由里,在app.get里拿到前端传过来的req.uri的值,再解析出用户在前端提交的name和password的值,然后连接数据库,通过sql语句查询出存储的对象的用户信息,再通过一个循环遍历取出每个对象的name和password的键值,然后构造for if循环并判断数据是否一致,再通过ajax的xmlhttp.open()方法把对应响应结果异步的传回前端并显示出来。

转载于:https://www.cnblogs.com/AndersonLee/p/7458100.html

17-8-26-WebApp总结相关推荐

  1. 17.07.26 Oracle安装

    修改主机名: 在root用户下, hostname node1.test.com vi  /etc/sysconfig/network vi  /etc/hosts vi  ~oracle/.bash ...

  2. mysql是怎么实现多对多的_mysql复习篇及一对多和多对多的总结(17.6.26 )

    一.疑问 1.varchar  与 char  区别 答:char 只能存储指定的字符长度,varchar存储的字符长度是可变动的 例子 char(10),varchar(10) ,10代表是字符长度 ...

  3. 《Python Web开发实战》踩地雷记17/3/26

    Linux修改文件名:mv [文件名1] [文件名2] 1.Flask-WTF Flask-WTF扩展可以把处理Web表单的过程编程一种愉快的体验.这个扩展对独立的WTForms包进行了包装,方便集成 ...

  4. CentOS7 使用二进制部署 Kubernetes 1.15-1.17集群(均通用,已经尝试,细心)

    转载地址:https://blog.csdn.net/qq_37950254/article/details/95204011 <link rel="stylesheet" ...

  5. 数据结构与算法--第17篇(查找算法)

    数据结构与算法 一,查找算法 1,简介: 2,顺序查找: 3,二分查找: 4,插值查找: 5,斐波那契(黄金分割法)查找: 一,查找算法 1,简介: 查找算法:常分为四种: 顺序查找(线性查找): 二 ...

  6. 官宣|Apache Flink 1.17 发布公告

    作者:徐榜江(雪尽) @ 阿里云 Apache Flink PMC(项目管理委员)很高兴地宣布发布 Apache Flink 1.17.0.Apache Flink 是领先的流处理标准,流批统一的数据 ...

  7. 六级备考25天|CET-6|听力第四讲|篇章满分技巧|全文听写带练|2022年6月考题12-15题|16:10~17:10

    目录 1. 读题步骤 (1)听力前 (2)听力中 2. 复现听力原文 问题12 overturn        推翻 universal theory        通用的理论 evasive 不坦率 ...

  8. php/5.2.17漏洞,【漏洞预警】ThinkPHP5远程代码执行漏洞

    2018年12月10日,白帽汇安全研究院发现thinkphp官网发布了安全更新,修复了一个远程代码执行漏洞,该漏洞是由于框架对控制器名没有进行敏感字符检测,导致在没有开启强制路由的情况下可能导致远程代 ...

  9. linux下配置tomcat、resin

    一.tomcat安装配置 1. 什么是tomcat Tomcat就是用来解析jsp程序的一个软件:web容器: Tomcat是Apache 软件基金会(Apache Software Foundati ...

  10. HSF服务的开发与使用

    转载:http://www.cnblogs.com/cloudml/p/4675705.html#undefined 1.HSF服务的开发 1) 基于Maven创建一个web工程HSFService, ...

最新文章

  1. OpenCV+python:分水岭算法
  2. 通过python+ftps远程备份企业数据
  3. python文件不存在时创建文件_python-创建一个文件(如果不存在)
  4. eCos Mbox机制
  5. TF之VGG系列:利用预先编制好的脚本data_convert .py文件将图片格式转换为tfrecord 格式
  6. oracle错误12518,ORA-12518: 错误 客户端连接不上
  7. 【论文解读】通过知识蒸馏促进轻量级深度估计
  8. 应用上下文webApplicationContext
  9. 360手机助手游戏怎么实名认证 360手机助手下载的游戏怎么关了悬浮窗
  10. Mongo db 与mysql 语法比较
  11. 转 未能使用提供程序 RsaProtectedConfigurationProvider 进行解密 的解决办法
  12. Python简单数据清洗
  13. 蚂蚁金服实习生4.16面试
  14. css表格文字超数量就竖排_CSS奇特技巧:控制文字竖排
  15. 思迈特软件Smartbi:公安大数据的3个发展阶段
  16. 【算法】两道算法题根据提供字母解决解码方法和城市的天际线天际线问题
  17. 树莓派mongodb实战
  18. win7宽带无法连接解决方法
  19. jquery怎么根据id获取元素值
  20. Rejecting mapping update to [XXx] as the final mapping would have more than 1 type: 报错

热门文章

  1. java对象转json格式
  2. 一起谈.NET技术,Visual Studio对程序集签名时一个很不好用的地方
  3. PowerShell2.0之与COM对象交互(五)与脚本宿主代码协同工作
  4. 9种对抗电脑辐射的方法
  5. 让你在职场游刃有余的10句话
  6. JAVA程序员一定知道的优秀第三方库(2016版)
  7. 台式计算机 一万元,一万元左右i7-8700K/Z370/GTX1070Ti水冷游戏台式电脑主机配置推荐(2)...
  8. anaconda必须安装在c盘吗_Window版本 - Python数据分析集成开发环境 Anaconda安装(超详细)...
  9. sql timestep 秒数后6位_excel中,如何截取身份证号后6位?前4位?或者中间8位?...
  10. vue 切换页面没有改变滚动条_Web前端高级Vue学习笔记(三)