webApp开发流程

准备

  1. 完成github仓库
  2. clone github仓库到本地
  3. 将本地仓库创建express应用

client端

  1. 增加静态首页：登录页面
  2. 将登录页面数据和vue绑定
  3. 通过vue给按钮绑定方法：实现ajax提交。

server端

  1. 通过app.js处理ajax发过来的请求，析取出user和password，通过console显示。
  2. 在server侧创建JSON数组，实现用户名和密码的比较，将验证结果发挥给AJAX AJAX侧， * 用户名密码匹配，跳转到主页面。 * 用户名存在，密码错误，提示 * 用户不存在，提示
  3. 改为通过mysql数据库存储用户信息
  4. 设置response header，是的client能够根据header信息区分如何处理。
  5. 使用node的crypto模块，实现密码加密
  6. 使用cookie实现用户登录的保持（登录成功后，指定时间内可以只接访问，不需要再次登录）
时间： 2024-10-13 16:57:24

webApp开发流程的相关文章

Struts2下载、安装及开发流程

 一.Struts2下载 登录http://struts.apache.org/download.cgi 下载Struts2最新版 建议下载Full Distribution完整版,该选项包括Struts2的示例应用(apps文件夹).空示例应用.核心库(lib文件夹).源代码和文档(docs文件夹)等,src文件夹包含Struts2框架的全部源代码. 二.Struts2安装 将这几个必须类库复制到Web应用的WEB-INF/lib路径下.如果需要在Web应用中使用Struts2的更多特性,

servlet的开发流程及生命周期

Servlet开发流程: 1.  在%TOMCAT_HOME%\webapps下WEB-INF的文件夹写一个文件web.xml (该网站的配置信息),建立一个名为classes的字文件夹 2.  开发servlet(导入servlet-api.jar) 3.  部署你的servlet 在web.xml中添加 <web-app> <servlet> <servlet-name>Hello</servlet-name> <servlet-class>

SSH框架的开发流程

最近一段时间在使用SSH框架开发一个系统,对SSH框架又重新学习一遍.发现之前学的一些东西都忘记了,而且对很多知识点都理解的不是很透彻.最近在学习的过程中,又对一些知识点重新整理了下,但是还是比较凌乱,等项目完结后,我会再整体把开发流程梳理一遍.今天只是想跟大家分享一下大概的一个流程. 1.首先把需要的jar包都准备好,大概有86个包. 2.对于一个好的项目应该有一个非常好的结构. --src ----domain ----dao ----controller 2.根据你的数据库表写你的doma

【转】Yeoman：Web 应用开发流程与工具

原文转自:http://blog.jobbole.com/62098/ 随着 Web 2.0 和 HTML 5 的流行,现在的 Web 应用所能提供的功能和交互能力比之前传统的 Web 应用要强大很多.应用的很多实现逻辑被转移到了浏览器端来实现.浏览器不再只提供单一的数据接收和展现功能,而是提供更多的用户交互能力.浏览器端所包含 的 HTML.CSS 和 JavaScript 代码也变得更加复杂.对于日益复杂的前端代码,需要有更好的流程和工具来管理开发的各个方面,包括初始的代码结构.开发流程和自

基于微信硬件公众平台的智能控制开发流程

一.微信硬件公众平台整体架构 上一篇<物联网架构场景技术分析>已经探讨和分析了物联网架构的演进,基于微信硬件公众平台的智能控制方案即属于文中的第三种架构--基于统一后台服务的物联架构.其中的架构如下: 各部分的角色和分工如下: 1.微信硬件公众号平台服务器,是物联网的基础和核心部分,其负责外设设备ID的认证,类似公安部给每个公民一个身份证一样,保证每个外设都有一个合法并且唯一的ID.目前微信平台的设备ID由两部分组成,一部分是厂商运维的公众号(即手机微信关注的公众号)的原始ID,称为设备类型,

EAM系统开发流程

EAM系统开发流程主要包括三个阶段: EAM系统分析 主要是通过规范EAM系统内的信息,进一步把它们整合成一个完整的EAM原型.具体的工作是定义EAM系统中的词汇和建立一组用来生成具有可重用和可配置的概念模型的规范.这些对实施具体系统有指导作用,并且是其基础,类似施工手册.例如,对于资产可以定义为一个能跟踪.修复后可重复使用的.唯一具有独立名称的实体.  EAM系统设计 主要是开发一个高度灵活的通用架构,并且提供一个生产规范.软件构架为组件或对象的重组和配置提供了技术保证,为实现系统的灵活通用提

微信支付的开发流程

最近在公司做了微信支付的接入,这里总结下开发的一些经验 注意,我使用的是微信开放平台的支付,与手机app相关,而与公众账号无关.   微信支付的主要操作流程 1.用户浏览app,选定商品然后下单. 2.服务器处理订单逻辑,开始正式发起支付流程 3.首先,后台服务器向weixin服务器发起请求,获取一个token. 4.后台服务器拿到token,使用和其他参数加密,再次向weixin服务器发起请求,获取一个预支付prepayid 5.后台服务器将该prepayid返回给app客户端 6.app调用

互联网公司的“敏捷开发”流程是怎么样的，每个职位的角色和分工是什么？

作者:暗灭 第一   为什么需要敏捷开发. 在几万年以前,软件项目的开发都是以年来计算的,这代表什么意思呢 ?需求设计了半年多,方案设计做了半年多,开发了三年多,测试了半年多,修改Bug用了半年多.总计花了很长很长的时间,然后上线后发现有很多需求已经不存在了,同时又出现了很多新的需求. 怎么办?继续改.这一改又是半年多的时间过去了.马丹用户的需求还再改,怎么办? 这是困扰软件开发项目的最大的问题,越大的项目,参与的人越多,风险越大.文档越规范,维护起来的难度就越高,导致项目中遇到的问题越来越多.

oAuth的认知以及开发流程

什么是OAUTH OAUTH协议为用户资源的授权提供了一个安全的.开放而又简易的标准.与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息(如用户名与密码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此OAUTH是安全的.oAuth是Open Authorization的简写. OAUTH定义 OAUTH是一种开放的协议,为桌面.手机或web应用提供了一种简单的,标准的方式去访问需要用户授权的API服务.OAUTH类似于Flickr Auth.Go