![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
node
zhouhaoxiangcn
front end noob
展开
-
React 项目搭建及目录结构
首先,关于React的配置可以先参考之前的博客。(React代码规范建议阅读 Airbnb React代码规范,提高代码质量。)上面就是前端项目的目录结构。static是静态资源目录。component是经过react编写的组件。css是整体布局的样式。util是写模块化的函数或工具函数。下面这张图是component的组成。每一个文件夹都是内部具体的组件。router是用来管理路由文件。 uti...原创 2018-06-14 16:23:41 · 16448 阅读 · 0 评论 -
koa开发中间件用于捕获异常
中间件。对 await next() 进行try catch .用于添加错误控制。这样当前端用户发起请求。后端出现报错等其他异常情况。就可以给前端一个标识,让用户明确错误信息。...原创 2018-06-10 12:50:49 · 1609 阅读 · 0 评论 -
关于开发的后台管理系统的整体架构及总结
1.从最初开发的技术栈选取、需求确认。已经针对具体情况的改进,该项目已经完成,下图是项目的整体架构2. 总结 1. 从开发一个项目开始,首先是要先明确需求、功能。然后根据功能确立合适的架构。项目开发中,明确需求是最主要的,否则在开发中修改会非常影响效率。 2. 在开发一个项目时,一个好的开发环境是提高开发效率的保证。因此工程化开发的配置也要重视,光靠搜索引擎查询会有很多问题。 3...原创 2018-06-15 10:49:39 · 6393 阅读 · 0 评论 -
前后端项目部署实践
当我们之前的项目前后端代码编码完成。就要最后一步部署。我们先来看一下项目目录。1.node_modules 依赖文件。这个是依据package.json安装的。前文介绍到,package.json记录生产和开发对应的依赖文件名及版本号。node_modules体积较大。对于这个项目来说就 150M,在上传服务器时建议先删除。2. server 服务器代码 必须3.static 静态资源 必须4. ...原创 2018-06-15 10:23:08 · 497 阅读 · 0 评论 -
koa2 关于登陆验证中间件以及HTML5 localStorage、sessionStorage使用反思
根据之前介绍的koa中间件原理。以及session的实现。所以我们要想判断用户登录,就要在服务端处理web请求的时候,判断是否是ctx.session.user(项目中添加的session是 user) 是否为undefined。下面我们看一下验证登陆的代码。首先,对于部分接口是不需要提前验证登陆情况的。对不需要验证的路由创立一个数组。如果请求是数组内的,那么就不需要验证,进入下一个中间件。 如果...原创 2018-06-14 23:54:51 · 1210 阅读 · 0 评论 -
关于node.js mysql操作及封装。
首先,我们先引入mysql库。创建与mysql的连接池。config里储存这数据库的信息。用Promise封装sql语句(用promise封装可以很好的防止回调地狱的现象)首先,从连接池中取出一个实例。建立连接。然后执行sql语句。如果发生错误,Promise状态变成error。成功获取到result数据,Promise状态变成resolve。然后释放线程池连接。(这里的回调函数要符合node.j...原创 2018-06-14 23:28:12 · 4448 阅读 · 1 评论 -
node.js koa2有关登陆状态的验证(cookie、session)
1.首先,要确保没有跨域问题并且客户端能传递cookie2.服务端添加koa-session 使用官网的demoapp.use(session(CONFIG, app));来添加session中间件。通过上面一行代码,我们就可以添加session,打开chrome开发者工具,通过下图我们可以看到添加的cookie。注意:因为我们设置http-only 所以控制台输入document.cookie ...原创 2018-06-14 22:24:09 · 3427 阅读 · 1 评论 -
koa2中间件原理以及中间件的开发例子
rt原创 2018-06-14 18:43:23 · 6136 阅读 · 0 评论 -
前后端跨域请求处理以及携带cookie CORS实现(koa2)
首先,一个较大的web项目一般是由前端跟后台两方开发。为了解耦,一般是前端开发页面,后端开发接口然后部署到服务器上。前端使用Ajax访问服务端接口。这时候一般需要一个Restful API 来规定接口格式(接口文档)。而且因为Http协议是无状态的,如果遇到标识用户身份(比如登陆)的需要,需要cookie session来验证。面对这种跨域需求。我们可以通过cors来实现。具体理论 http://...原创 2018-06-14 18:06:13 · 7607 阅读 · 3 评论 -
React中页面收集用户信息及图形化展示
当用户进入对应的对应的页面,在React的生命周期函数里开始计时。当离开对应页面,触发componentWillUnmount计时函数。停止计时,并将计时时间发送给服务端。...原创 2018-06-15 00:24:35 · 1184 阅读 · 0 评论