web
文章平均质量分 62
英雄史诗
这个作者很懒,什么都没留下…
展开
-
js中双||的作用
eg:a||b,则如果a是有效值,返回a;否则返回b,无论b是否有效。原创 2023-01-18 11:37:30 · 301 阅读 · 0 评论 -
nested exception is org.apache.ibatis.binding.BindingException: Parameter ‘XXX‘ not found
使用mybatis中,报错”-nested exception is org.apache.ibatis.binding.BindingException: Parameter ‘XXX’ not found“原创 2023-01-18 11:21:20 · 1466 阅读 · 0 评论 -
一个nginx部署多个应用及nginx总结
参数server的配置是指虚拟的server;比如可以监听相同的端口。这点与后端的应用不同,后端如果监听相同端口,会报端口冲突。server.location参数:可以指定本地目录,做直接访问;也可以转发,也就是逆向代理。逆向代理也是实现跨域的一种方式:老web中,直接暴露了后端,浏览器直接对后端请求,后端设置了允许跨域;新web中,webpack支持代理(部署时同样配置nginx的代理),前端访问的特定开头的url(/api)。原创 2022-10-13 15:17:29 · 2555 阅读 · 0 评论 -
【Http Referer】
是http请求头里的一个属性,用来表示本次请求从哪个网站url过来的,想象为“引荐人”浏览器自动填写,也可通过html标签控制是否填写。原创 2022-09-27 17:24:33 · 271 阅读 · 0 评论 -
Nginx日志格式说明
默认位置在nginx安装目录下的:logs/access.log也可修改日志配置,在配置文件中:conf/nginx.conf日志格式参数:log_format日志位置参数:access_log。原创 2022-09-27 16:52:51 · 1860 阅读 · 0 评论 -
node.js及npm的基本理解
介绍了vue工程中使用的node.js和npm的概念、实现原理和使用场景。原创 2022-06-27 20:06:47 · 462 阅读 · 0 评论 -
Web应用文件上传总结
1.客户端法1)html协议_File控件 enctype="multipart/form-data" input type="file" enctype="multipart/form-data"的作用:设定了上报数据的格式是multipart(多部分实体);默认是kv键值对格式。法2)vue+ElementUI中的使用 <!-- 批量创建单据:导入整机代码,创建单据 name =上传的文件对应的参数名,供后台获取 :headers=设置上传的请求头部 :act原创 2021-09-30 17:20:46 · 289 阅读 · 0 评论 -
什么是Restful接口
1.rest的基础知识?是web服务的一种设计风格。是http动作与服务功能结合的创新。简洁、容易理解、约定了规则。实现:1.用URI表示1种资源,只用名词表示资源,不要动作;2.用http动作表示对资源的操作: get 查询 post insert put 更新 delete 删除3.用http状态码表示结果** ps:做加法容易,做减法难。rest概念是http协议的主导者提出,创新的用了http动作表示服务动作。**举例我们使用HTTP的动词来操作用户这原创 2021-07-28 15:05:44 · 11522 阅读 · 0 评论 -
js_变量、作用域和内存问题
原创 2021-05-12 09:30:07 · 103 阅读 · 0 评论 -
js中构造elementUI树状菜单的数据结构
背景说明elementUI中自带树状菜单,就是数据结构有点复杂,偏向json风格。数据库中菜单数据是二维表格,通过parentPk定义上下级,是list型。需要把list转换成tree的结构。elementUI树状菜单的数据结构每个节点有4个属性,id、label、newVal、children数组;通过children数组包含关系标示上下级。var treeData={ id: 1, label: '一级 1', newVal: "",原创 2021-05-11 16:04:54 · 846 阅读 · 1 评论 -
async\await的用法及比Promise的先进性
背景刚跨越了抽象的Promise,说可以解决回调地狱。我实践中回调地狱遇到的不多,Promise的理解和掌握真是费劲。又有了更先进的async\await!!本文将解答了我的疑问:async干什么的?await干什么的?与promise的关系?async、await的阻塞性?是什么async\await是解决js回调的更优形式,用更符合人脑直接理解的线性代码形式,实现了回调功能。是基于Promise对象的,async返回promise对象,await等待promise对象。所以pr原创 2021-04-23 14:37:39 · 191 阅读 · 0 评论 -
Promise使用小结
1、是什么?1.是一种机制,处理未来发生事件的流程。2、为什么?1.“可以一定程度上解决回调地狱”ps:一般场景下,回调地狱并不难理解,倒是promise的结构和用法给人的困惑更多。3、如何用?4、哪些场景?用setTimeout模拟异步请求,实现5秒钟打印一次的功能。//直接写:几乎同时执行setTimeout(function() { console.log('m1')}, 5000)setTimeout(function() { console.log('m2')},原创 2021-03-13 16:23:56 · 110 阅读 · 0 评论 -
vue组件通讯总结
<h1 class="title">vue之父子组件间通信实例讲解(props、$ref、$emit)</h1> <div class="info"> 更新时间:2018年05月22日 10:16:18 作者:四小七 </div> <div class="lbd clear...转载 2021-03-08 16:47:56 · 514 阅读 · 1 评论 -
Vue:导航栏结构_下拉框填充数据_router传参
1 左侧导航栏1)标签结构一级标签,整体容器,用来设置菜单整体属性。二级标签,一级菜单,菜单组三级标签,二级菜单,菜单内容通过嵌套,实现菜单层级的扩展。2)控制隐藏显示v-if=‘false’3)从数据生成menu,递归https://www.vue-js.com/topic/5f69a47496b2cb0032c38566https://www.cnblogs.com/caijt/p/11015116.html<el-menu :default-openeds="['1']"&原创 2021-03-05 17:15:19 · 712 阅读 · 0 评论 -
Vue学习笔记1_vuerouter+axios+vuex的基本理解
VuerouteraxiosVuexPromise原创 2021-02-25 20:16:47 · 99 阅读 · 0 评论 -
闭包的使用场景
一、闭包 由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,闭包就是能够读取其他函数内部变量的函数。所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。 比如下面的代码:function f1() { var n = 999; function f2() { console.log(n); } return f2;}var result = f1();result();//999 函数f2就被包括在函数f1内部转载 2021-02-25 17:09:37 · 398 阅读 · 0 评论 -
跨域资源共享 CORS 详解
CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。本文详细介绍CORS的内部机制。(图片说明:摄于阿联酋艾因(Al Ain)的绿洲公园)一、简介CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源的AJ.转载 2021-02-22 09:14:28 · 94 阅读 · 0 评论 -
vue-cli使用vue-router的文件说明
Vue之初始化一个vue项目https://blog.csdn.net/mao871863224/article/details/104435768/用vue-cli脚手架初始化项目时,勾选了vue-router,会自动引入该组件。程序目录结构:App.vue:主页面,包含页签。main.js:主页面的js文件,引入路由。router/index.js:路由映射文件。主要实现声明使用组件、路由映射组件。components/*.vue:组件(或者页面)注意:路由是前台路由,不是请求的url原创 2021-02-18 23:49:20 · 109 阅读 · 0 评论 -
修改idea使用本地maven配置
1.解决的问题在idea中新创建了springboot项目,但pom中依赖的包总是无法导入。工作的网络不能直接访问外网,需要配置代理。本地的maven已经做了配置,并把资料库改为了淘宝的。需要把idea的默认maven改为本地maven。2.本地maven配置maven的安装和配置,不在赘述,见:maven的配置文件:MAVEN_HOME\conf\settings.xml。关键内容如下: <!-- localRepository | The path to the local原创 2021-01-29 17:16:25 · 471 阅读 · 0 评论 -
uWsgi是什么?
1、什么要用uWsgi?&:因为nginx不支持wsgi协议,及无法直接调用py开发的webApp。在nginx+uWsgi+flask的框架里,nginx代理+webServer,uWsgi是wsgiServer,flask是webApp。nginx接收用户请求,并判定哪些转发到uWsgi,uWsgi再去调用pyWebApp。ps:wsgiServer是新的提法,定义的更精准。...原创 2020-02-25 22:44:15 · 1551 阅读 · 0 评论 -
wsgi与web应用的骨架
1、WSGI是什么wsgi:Web Server Gateway Interface,是一种协议。用于定义Server与app之间的交互方式。wsgi把应用分成了3个组件:1. web server:主要实现:1.socket通讯服务器端,监听端口2.接收、解析http报文3.读取服务器端的html文档,把读取的html文档response回浏览器,这是静态服务器,如nginx、Ap...原创 2020-02-20 23:01:12 · 250 阅读 · 0 评论 -
基于Bootstrap+Nodejs的Web应用(三)_功能页面
1.综述模拟实现一般功能页面,包括:数据查询表格展示数据修改bootstrap布局+bootstrapTable实现表格功能2.布局直接看代码。查询条件:<form class="form-horizontal" role="form"> <fieldset> &l...原创 2019-02-03 15:42:10 · 1064 阅读 · 0 评论 -
基于Bootstrap+Nodejs的Web应用(二)_主页面布局
1.整体说明主界面布局使用常规方式:左侧是菜单栏,包含一、二级菜单,可隐藏、恢复;右侧是功能区,点击菜单对应切换页面。切换使用ifram标签加载对应页面。2.布局用boostrap方式,整个屏幕划分成2列,第一列宽1/6(col-md-2),放菜单;第二列宽5/6(col-md-10) ,放内容。bootstrap布局一般格式:容器container–行row–列col3...原创 2019-02-03 14:24:03 · 718 阅读 · 0 评论 -
基于Bootstrap+Nodejs的Web应用(一)
前言自己前后也参与了几个web项目,但技术框架杂,也只参与部分工作,对web应用整体的结构懵懂的很。同时,觉得技术总是服务于应用。简单地说,如果有一个需求,自己能否从0开始完整的搭一个,不管用哪种技术,而不是基于别人的底子修修补补。于是,选择了当下流行、适合快速开发的框架做个练手,搞清楚整个流程是怎么回事。技术选型:bootstrap+nodejs+express+mysql。将实现的功...原创 2019-02-03 11:18:08 · 5115 阅读 · 0 评论 -
Webservice与Servlet
Webservice什么是webservice把web应用里的类发布成webservice。(可以基于现有应用,对应类)怎么发布1)Eclipse工程里,新建一个web service,选中要发布的类。 2)自动生成配置文件和导入类,对开发目录好像没改变。 3)发布应用后,就可以通过浏览器访问,访问路径是固定的 web应用/services 故:services是webservice的固原创 2017-12-05 16:17:55 · 748 阅读 · 0 评论 -
基于Bootstrap+Nodejs的Web应用(四)_数据修改
1综述模拟用户对表格数据的增加、删除、修改。本次使用bootstrap插件modal模态对话框实现新增、修改数据的录入窗口bootstraptable的getSelections获取选定的记录。2模态对话框与win桌面程序类似,是父窗体之上的窗体,强制焦点,不关闭不允许切换到父窗体。实质是:隐藏的div,是否模态显示。3布局定义模态对话框要素说明class...原创 2019-02-03 16:06:43 · 487 阅读 · 0 评论 -
bootstrap基本概念
特点响应式,自动适用于电脑、平板、收集。–厉害!老框架固定大小,手机上看是灾难。网格结构把屏幕按行列(12列)分割成若干网格,网格是布局的基本结构。基本层次是 container–row–col <div class="container"> <div class="row"> <div class="col-*-*"><原创 2019-02-03 16:09:57 · 454 阅读 · 0 评论 -
cookie和sessioin
cookie设置key-value格式在响应中设置cookie是否随request发送:适配的路径下,有效期内,session会发送所有的cookie。firefox,可在F12开发状态下查看,会看到在请求报文中,包含了已有的cookie;在响应报文中,有服务器对cookie的设定。nodejs中cookie的用法1)app use cookie var cookiePar...原创 2019-02-03 16:16:41 · 211 阅读 · 0 评论 -
IIS升级导致基于SSRS的Web应用失败
1、应用无法访问,报内部500错误,指向web.config配置文件完整错误日志如下:配置错误 不能在此路径中使用此配置节。如果在父级别上锁定了该节,便会出现这种情况。锁定是默认设置的(overrideModeDefault="Deny"),或者是通过包含 overrideMode="Deny" 或旧有的 allowOverride="false" 的位置标记明确设置的。 1)检查we...原创 2019-04-23 17:55:33 · 507 阅读 · 0 评论 -
Eclipse启动报错:Failed to load the JNI shared library
今天遇到了一些问题,现在总结出来,希望能够帮助大家,对自己以后也有利于回顾: 1.前公司用的是jdk1.8,但新公司要求1.7或1.6,以前算是比较暴力,喜欢卸载完再安装,现在发现很不利于来回切换,故自己把jdk1.6,jdk1.7,jdk1.8全部安装到了电脑上,并且配置环境参数为...转载 2019-09-06 16:24:53 · 347 阅读 · 0 评论 -
Jsp通过request.setAttribute向前台传递变量
背景梳理维护的程序时,发现以下代码:/*jsp*/<input type="hidden" name="hidURL" value="${fileURL}" /><input type="hidden" name="fileName" value="${fileName}" /><input type="hidden" name="returnMsg" va...原创 2019-09-10 20:02:44 · 3672 阅读 · 1 评论 -
Web开发发布环境:tomcat、Eclipse
Tomcat关键目录及配置文件 目录 文件 作用 备注 \conf server.xml 1、服务器端口2、会话连接时间3、应用地址、物理路径(修改需重启tomcat,不推荐) \conf tomcat-users.xml tomcat用户管理 默认无用户,需要手工添加。 \conf\Catalina\localhost 全部xml文件 应原创 2017-12-05 16:08:28 · 277 阅读 · 0 评论