17-8-26-WebApp总结
最近学习了在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总结相关推荐
- 17.07.26 Oracle安装
修改主机名: 在root用户下, hostname node1.test.com vi /etc/sysconfig/network vi /etc/hosts vi ~oracle/.bash ...
- mysql是怎么实现多对多的_mysql复习篇及一对多和多对多的总结(17.6.26 )
一.疑问 1.varchar 与 char 区别 答:char 只能存储指定的字符长度,varchar存储的字符长度是可变动的 例子 char(10),varchar(10) ,10代表是字符长度 ...
- 《Python Web开发实战》踩地雷记17/3/26
Linux修改文件名:mv [文件名1] [文件名2] 1.Flask-WTF Flask-WTF扩展可以把处理Web表单的过程编程一种愉快的体验.这个扩展对独立的WTForms包进行了包装,方便集成 ...
- CentOS7 使用二进制部署 Kubernetes 1.15-1.17集群(均通用,已经尝试,细心)
转载地址:https://blog.csdn.net/qq_37950254/article/details/95204011 <link rel="stylesheet" ...
- 数据结构与算法--第17篇(查找算法)
数据结构与算法 一,查找算法 1,简介: 2,顺序查找: 3,二分查找: 4,插值查找: 5,斐波那契(黄金分割法)查找: 一,查找算法 1,简介: 查找算法:常分为四种: 顺序查找(线性查找): 二 ...
- 官宣|Apache Flink 1.17 发布公告
作者:徐榜江(雪尽) @ 阿里云 Apache Flink PMC(项目管理委员)很高兴地宣布发布 Apache Flink 1.17.0.Apache Flink 是领先的流处理标准,流批统一的数据 ...
- 六级备考25天|CET-6|听力第四讲|篇章满分技巧|全文听写带练|2022年6月考题12-15题|16:10~17:10
目录 1. 读题步骤 (1)听力前 (2)听力中 2. 复现听力原文 问题12 overturn 推翻 universal theory 通用的理论 evasive 不坦率 ...
- php/5.2.17漏洞,【漏洞预警】ThinkPHP5远程代码执行漏洞
2018年12月10日,白帽汇安全研究院发现thinkphp官网发布了安全更新,修复了一个远程代码执行漏洞,该漏洞是由于框架对控制器名没有进行敏感字符检测,导致在没有开启强制路由的情况下可能导致远程代 ...
- linux下配置tomcat、resin
一.tomcat安装配置 1. 什么是tomcat Tomcat就是用来解析jsp程序的一个软件:web容器: Tomcat是Apache 软件基金会(Apache Software Foundati ...
- HSF服务的开发与使用
转载:http://www.cnblogs.com/cloudml/p/4675705.html#undefined 1.HSF服务的开发 1) 基于Maven创建一个web工程HSFService, ...
最新文章
- OpenCV+python:分水岭算法
- 通过python+ftps远程备份企业数据
- python文件不存在时创建文件_python-创建一个文件(如果不存在)
- eCos Mbox机制
- TF之VGG系列:利用预先编制好的脚本data_convert .py文件将图片格式转换为tfrecord 格式
- oracle错误12518,ORA-12518: 错误 客户端连接不上
- 【论文解读】通过知识蒸馏促进轻量级深度估计
- 应用上下文webApplicationContext
- 360手机助手游戏怎么实名认证 360手机助手下载的游戏怎么关了悬浮窗
- Mongo db 与mysql 语法比较
- 转 未能使用提供程序 RsaProtectedConfigurationProvider 进行解密 的解决办法
- Python简单数据清洗
- 蚂蚁金服实习生4.16面试
- css表格文字超数量就竖排_CSS奇特技巧:控制文字竖排
- 思迈特软件Smartbi:公安大数据的3个发展阶段
- 【算法】两道算法题根据提供字母解决解码方法和城市的天际线天际线问题
- 树莓派mongodb实战
- win7宽带无法连接解决方法
- jquery怎么根据id获取元素值
- Rejecting mapping update to [XXx] as the final mapping would have more than 1 type: 报错
热门文章
- java对象转json格式
- 一起谈.NET技术,Visual Studio对程序集签名时一个很不好用的地方
- PowerShell2.0之与COM对象交互(五)与脚本宿主代码协同工作
- 9种对抗电脑辐射的方法
- 让你在职场游刃有余的10句话
- JAVA程序员一定知道的优秀第三方库(2016版)
- 台式计算机 一万元,一万元左右i7-8700K/Z370/GTX1070Ti水冷游戏台式电脑主机配置推荐(2)...
- anaconda必须安装在c盘吗_Window版本 - Python数据分析集成开发环境 Anaconda安装(超详细)...
- sql timestep 秒数后6位_excel中,如何截取身份证号后6位?前4位?或者中间8位?...
- vue 切换页面没有改变滚动条_Web前端高级Vue学习笔记(三)