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()方法把对应响应结果异步的传回前端并显示出来。

时间： 2024-10-08 14:51:06

17-8-26-WebApp总结的相关文章

17.07.26 Oracle安装

修改主机名: 在root用户下, hostname node1.test.com vi  /etc/sysconfig/network vi  /etc/hosts vi  ~oracle/.bash_profile $  netca   监听 $  lsnrctl  status  监听状态 $  netstat  -tlnp | grep 1521 15 $  dbca 通用或事务处理: sys 系统管理员 system 系统调配员 dbsnmp 简单网络管理协议,只能看系统信息,不能看用户

mysql复习篇及一对多和多对多的总结（17.6.26 ）

一.疑问 1.varchar  与 char  区别 答:char 只能存储指定的字符长度,varchar存储的字符长度是可变动的 例子 char(10),varchar(10) ,10代表是字符长度是10,char表示只能存储10个字符大于10不存储小于10也按10个位置来,varchar,存入多少就按多少来. char优缺点:效率高,与varchar相比浪费内存. varchar优缺点: 节省空间,效率低. 2.select * from t1 where nid in (1,2,3)  代

第26章 最大流（正在修改）

一.综述 1.定义 定义1:流网络 定义2:残留容量 定义3:增广路径 已知一个网络流G=(V,E)和流f,增广路径p为残留网络G|f中从s到t的一条简单路径 能够沿一条增广路径p的每条边传输的网络流的最大量为p的残留容量,由下式定义: c|f(p) = min{c|f(u,v) : (u,v)在p上} 定义4:割.净流.容量.最小割 净流和容量的区别: 穿过(S,T)的净流由双向的正网络流组成:在加上从S到T的正网络流的同时,减去从T到S的正网络流. 割(S,T)的容量仅由从S到T的连计算而得

k8s实践17:监控利器prometheus helm方式部署配置测试

监控利器prometheus helm方式部署配置测试 1.部署helm 部署helm参考方法 后面使用helm部署grafana和prometheus,因此首先需要部署helm,保证helm能正常使用. 部署helm客户端过程见下: [[email protected] helm]# curl https://raw.githubusercontent.com/helm/helm/master/scripts/get-helm-3 > get_helm.sh % Total % Receive

Jsp通过Filter实现UrlRewriter原理

web.xml文件: 1 <?xml version="1.0" encoding="UTF-8"?> 2 <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" 3 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=&q

[原创]java WEB学习笔记44：Filter 简介，模型，创建，工作原理，相关API，过滤器的部署及映射的方式，Demo

本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 ---------------------------------

SpringMVC深入理解

核心类与接口 - DispatcherServlet 前置控制器- HandlerMapping 请求映射(到Controller)- HandlerAdapter 请求映射(到Controller类的方法上)- Controller 控制器- HandlerIntercepter 拦截器- ViewResolver 视图映射- View 视图处理 启动过程 Spring MVC启动过程大致分为两个过程:- ContextLoaderListener初始化,读取context-param中的co

3、mybatis动态sql+struts2（通配符+全局配置+分页）

1.创建userinfo.sql数据库脚本 1 create table USERINFO 2 ( 3 id NUMBER not null, 4 uname VARCHAR2(20), 5 password VARCHAR2(20), 6 age NUMBER 7 ) 8 ; 9 alter table USERINFO add primary key (ID); 10 11 create sequence seq_userinfo; 12 13 insert into USERINFO (i

Java tomcat启动失败（Servlet3.0 Web Project）：A child container failed during start

Tomcat启动失败,失败全部信息: 五月 11, 2016 10:21:04 下午 org.apache.tomcat.util.digester.SetPropertiesRule begin 警告: [SetPropertiesRule]{Server/Service/Engine/Host/Context} Setting property 'source' to 'org.eclipse.jst.jee.server:MyEL' did not find a matching prop

HSF服务的开发与使用

转载:http://www.cnblogs.com/cloudml/p/4675705.html#undefined 1.HSF服务的开发 1) 基于Maven创建一个web工程HSFService,如下图,其他的可以自定义. 2)创建好好在src/main目录下创建一个java目录,并将其设置为sources folder,如下图所示: 3) 配置项目的pom.xml,如下 1 <project xmlns="http://maven.apache.org/POM/4.0.0"