
前后端
前端后 运维 杂记
AkagiSenpai
哼 ~ 哼 啊啊啊啊啊啊啊啊啊
▃▆█▇▄▖
▟◤▖ ◥█▎
◢◤ ▐ ▐▉
▗◤ ▂ ▗▖ ▕█▎
◤ ▗▅▖◥▄ ▀◣ █▊
▐ ▕▎◥▖◣◤ ◢██
█◣ ◥▅█▀ ▐██◤
▐█▙▂ ◢██◤
◥██◣ ◢▄◤
▀██▅▇▀
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
深大数据库实验2之思考题之php前后台的编写
前言数据库实验有个思考题挺麻烦的。。。记录一下吧思考题:建立实验一指导书相关数据的数据库,并用一个页面显示所有的表名,即要求用户点击该表名显示出该表所有记录。并完成插入记录,删除记录以及修改记录的功能,而且数据库中信息随网页端操作而更新。注:所有的思考题均要求网页代码和运行后的界面。注意界面设计及美观性。(简要 写一下注释以及每部分代码实现的功能)实验1数据库结构:两张表,分别是 emp+学号,dept+学号其中dept表表示部门,它的数据如下:emp表表示员工,它的数据如下:其实就是原创 2020-11-02 13:32:12 · 3670 阅读 · 7 评论 -
node.js 关于express框架使用及其“中间件“概念的理解
目录前言npm工具中间件next上下文堆栈式调用小结前言上一篇:node.js在windows和ubuntu下安装及其简单使用提到如何安装并且使用node.js来运行一个简单的后端程序,但是因为原生的node,要运行一个接口,非常麻烦,所以我们需要用到一些框架来快速开发。比较热门的框架就是express了。express自带路由功能,可以侦听指定路径的请求,除此之外,express最大的优点就是【中间件】概念的灵活运用,使得各个模块得以解耦,像搭积木一样串起来就可以实现复杂的后端逻辑。除此之外,还可原创 2020-08-11 18:36:04 · 554 阅读 · 0 评论 -
node.js在windows和ubuntu下安装及其简单使用
目录前言node.js 简单介绍异步的优点ubuntu下部署node.js安装部署第一个node应用windows下部署node.js安装部署第一个node应用小结前言因为最近有一个后端的接口任务要写,而在学习node之前,我们编写后端接口程序,都是用php,而php需要繁琐的环境配置。但是也有集成环境,比如xampp就有apache+php+mysql,足够支持一个微小的web应用了。可是这次的接口是给手机app写的,那么意味着我们不需要提供类似apache服务器的功能,比如返回页面文件及其资源。取原创 2020-08-06 15:45:21 · 723 阅读 · 0 评论 -
web前端跨域问题简介及其常见解决方案
前言最近在做一个小web项目,需要从一个接口获取XML数据,具体数据用浏览器可以直接打开,大概长这样:其实就是一些球赛的数据。。。 然后神奇的是,当我在自己的站点尝试用ajax去获取数据的时候,竟然有如下的报错信息:Access to XMLHttpRequest at 'http://free.win007.com/vbsxml/change.xml’from origin ‘null’ has been blocked by CORS policy: No ‘Access-Control-A原创 2020-07-26 23:35:49 · 1195 阅读 · 0 评论 -
script标签异步加载导致引用外部js文件的变量undefined 分析及其解决方案
目录问题分析解决方案1:回调解决方案2:指定src问题分析有时候我们需要用到别的js文件中的变量,我们会加入script标签来引用外部的JavaScript代码,我们希望获得外部JavaScript代码中定义的变量,可是事情往往事与愿违。我们有如下的外部JavaScript代码,我们叫他1.js,它定义了外部变量extvar ext = "这是外部变量ext";然后我们在html页面中将其中一个script标签的src指向1.js,表示我们加载外部的JavaScript代码,然后我们调用1.js原创 2020-07-24 19:32:31 · 3866 阅读 · 0 评论 -
JavaScript中时间日期常用操作小结
目录前言创建时间日期对象Date获取与设置年月日时分秒增量与时间差区间判断前言在一个web应用中,时间日期的判断非常常见,我们希望根据不同的时间段,显示不同的信息,或者是获取当前时间前后几分钟,或者是单纯显示规格化的时间,这些都需要用到时间日期对象,今天来总结一下JavaScript中时间的常用操作。创建时间日期对象Date通过var dt = new Date();可以快速创建一个时间日期对象,它表示当前时间。我们通过以下的代码,可以打印一个date对象:<!DOCTYPE html>原创 2020-07-21 14:29:27 · 528 阅读 · 0 评论 -
通过json实现localStorage存储JavaScript对象
前言上一篇讲到【JavaScript localStorage本地存储的简单使用】如何通过浏览器的本地存储来存储一些信息,但是最后也提到,浏览器本地存储无法存储JavaScript的对象,这是坏的因为JavaScript的对象是【键值对】的集合,而JavaScript很多数据都和字符串相关,所以我们能够通过保存字符串的键值对的形式来传递对象。是不是很熟悉?HTTP中POST提交也是在报文中以键值对的形式传输键值对集合的。其规定了一种键值对传输方式,即键=值,键值对之间,以&分割键1=值1&a原创 2020-07-17 22:30:31 · 721 阅读 · 0 评论 -
JavaScript localStorage本地存储的简单使用
在web编程中,经常要持久存储用户的一些信息,比如购物车,收藏夹,设置等待信息之前的博客已经提到有两种存储用户信息的方法,cookie和sessionsession存储在服务端,会带来服务器内存开销,主要存储用户不能篡改的敏感数据cookie存储在本地,每次访问站点都带上cookie,会带来额外带宽的开销上述两种方式都是【要和服务器进行数据交换】的情况下,我们会采用。可是如果一种应用不需要和服务器进行数据交互,比如网页的偏好设置(字体大小,语言,界面样式等),我们希望用户本地自己保存这些偏好设原创 2020-07-17 14:38:26 · 2216 阅读 · 0 评论 -
记一次使用ajax时忽略其“异步”性质而犯的低级错误
前言前些天在使用ajax的时候,犯了傻,改一个bug改了很久,今天特地记录一下。问题描述使用ajax请求后台数据,然后加入到html页面中,思路流程大概是这样的:ajax请求后台数据全部后台数据保存到一个全局变量(数组)将请求到的部分数据动态加入页面的innerHTML中之所以不直接加入全部数据,是因为数据量太大,加载慢,故使用【懒加载】的方式,即用户滑屏幕到最下方才加载新一部分的数据。看起来好像没啥问题,逻辑上也说得通。但是实际执行的时候,发现第一次载入数据时,全局变量总是undef原创 2020-07-13 15:31:48 · 218 阅读 · 0 评论 -
基于token的持久化登录讲解及其实现
目录前言session的缺点token简介token两个性质token简单实现思路分发token通过token验证身份代码实现登录处理程序loginRecv.php登录验证页面loginSuccessPage.php注销程序演示前言上回我们讲到【session+cookie简单讲解以及持久化登录实现】,我们通过在服务器端保存session,客户端保存cookie的方式,跳过繁琐的登录验证,快速验证用户是否登录,以及用户的身份信息。今天来学习另一种思路。session的缺点观察上一篇文章中的思路,我们原创 2020-07-07 16:40:47 · 3382 阅读 · 0 评论 -
session+cookie简单讲解以及持久化登录实现
目录前言持久化登录介绍cookiecookie介绍cookie携带账号密码?cookie存储登录标志?sessionsession简介session的生存周期session存储登录标志?cookie+session存储用户信息以区分用户注销代码实现实现思路登录验证后台程序 loginRecv.php登录成功页面 loginSuccessPage.php跳转页面subPage1.php注销服务程序 logoutRecv.php演示前言上次实现了一个最简单的登录功能,用到了mysql和php。【最简单的网页原创 2020-07-05 19:00:42 · 7735 阅读 · 7 评论 -
最简单的网页登录注册功能讲解及其实现
前言最近打算做一个网页登录的练习,记录一下学习的过程吧。结构实现一个网页最基本的注册与登录功能,我们需要mysql存储用户账户信息编写注册html页面编写后台注册程序编写登录html页面编写后台登录验证程序创建数据库存储账户信息使用mysql数据库来创建一个存储用户数据的数据库。我们来到mysql的控制台。这里我使用的是xampp带的mysql。打开mysql控制台的方法:以管理员模式运行cmdcd /d 路径 命令进入mysql的bin目录下输入命令mysql -u 用户原创 2020-07-04 23:42:07 · 20656 阅读 · 9 评论 -
JavaScript 编写简单的 html input标签提交文件验证
这里不会介绍如何传输文件如果您想了解文件是如何传输到服务器的请进入传送门【Ajax实现简单图片文件异步上传并显示】让用户提交文件永远是一件危险的事情,而提交之前的验证就显得必不可少了,而如果在文件提交到服务器端再验证,那么不仅具有一定的危险性,而且浪费了服务器宝贵的带宽来传输文件,使用JavaScript,在用户(的浏览器)提交文件之前,就验证文件的正确性,可以比较好的规避上述问题html ...原创 2020-05-06 16:11:59 · 888 阅读 · 0 评论 -
Ajax实现简单图片文件异步上传并显示
在一般的html中,使用form表单标签,里面嵌套<input type="file>,配合submit按钮即可实现将表单提交到指定页面,进而实现上传文件,但缺点是要伴随着页面的刷新或者跳转,而使用ajax异步地提交(带有文件的)表单,可以很好的避免这个问题使用ajax上传文件,首先要有一个文件上传html页面,其次要有一个后台处理文件的php页面,HTML页面中使用Ajax将带有文...原创 2020-05-05 15:18:24 · 899 阅读 · 0 评论 -
JavaScript编写一个简单的辣鸡营销号文章生成页面
营销号文章自动生成是怎么回事呢?营销号文章相信大家都很熟悉,但是营销号文章自动生成是怎么回事呢?下面就让小编带大家一起了解吧。营销号文章自动生成,其实就是营销号文章自动生成了。那么营销号文章为什么会自动生成,相信大家都很好奇是怎么回事。大家可能会感到很惊讶,营销号文章怎么会自动生成呢?但事实就是这样,小编也感到非常惊讶。那么这就是关于营销号文章自动生成的事情了,大家有没有觉得很神奇呢?看了今天...原创 2020-05-05 13:22:39 · 775 阅读 · 4 评论 -
初识Ajax 编写简单异步更新页面
什么是AJAX?AJAX 表示 Asynchronous JavaScript And XML ,异步JavaScript和XMLAJAX是一种规则,或者说方法,为了优化网页用户体验而生AJAX的优点在于不用刷新整个页面,就能够从服务器处获取数据并更新页面内容,仅仅需要少量的数据交换如何使用AJAX?创建 XMLHttpRequest 对象,该对象可以通过open方法配置目标页面,se...原创 2020-05-04 16:14:24 · 349 阅读 · 0 评论 -
ubuntu下安装xampp以及基本配置即常见问题
首先是下载一个xampp Linux版本的安装包,在官网下载即可,可能需要科学地连接到互联网 ,所以这里给度盘链接:https://pan.baidu.com/s/1ZpE6RJCm81mkMgx3Q2r20w提取码:eyr3用任意的方法把文件拷贝到云主机的opt目录下,在该目录下执行.run文件即可,值得注意的是,执行之前要给文件改权限比如文件名是 xampp-linux-x64-7.4...原创 2020-04-21 18:50:50 · 1208 阅读 · 0 评论 -
php脚本简单实现MySQL查询
上一篇【php脚本简单实现MySQL创建数据库,数据表,写入数据】因为通过new mysqli对象可以获得数据库的连接,而调用该对象的query方法可以很好的向数据库发送请求,这和直接打在控制台上无异,于是可以一并使用sql的查询语句,只是要注意返回值即可查询语句通过带数据库名的new mysqli对象,可以得到当前数据库的连接,直接输入SELECT语句即可(当然也可以通过mysqli_se...原创 2020-04-20 23:43:45 · 764 阅读 · 0 评论 -
php脚本简单实现MySQL创建数据库,数据表,写入数据
这几天在学php,基本都是看菜鸟教程,总结下php和mysql配合的笔记MySQL基本结构一个MySQL的服务,也就是层级关系的最顶,要通过IP来查询,默认的端口号是3306,可以在配置里面修改的每个MySQL下面,可以有很多个数据库,这些数据库需要通过【数据库名字】来找到每个数据库下面可以有很多个数据表,对某个数据库的某个数据表的操作,需要在相应的指令内附带指定数据表的名字一个数据...原创 2020-04-20 13:36:20 · 9580 阅读 · 2 评论 -
初识php php实现简单的提交页面 以及问题总结
php是实现动态网页的必不可少的脚本语言之一,他是一种“嵌入语言”,即.php文件里面可以嵌套HTML以及JavaScript,但是结果却是以纯HTML文本返回给浏览器这也是为什么 PHP = Hypertext Preprocessor = 超文本预处理器 的原因利用php的好特性,可以实现一些动态的操作,比如数据库的查询,或者是一个页面的提交值得注意的是php需要在服务器环境下,可以通过...原创 2020-04-19 18:08:33 · 1541 阅读 · 0 评论 -
windows下 XAMPP安装与配置,运行第一个带php的网页
今天学习php,光速写了一个表单提交页面,但是因为没有php环境而无运行index.html<!DOCTYPE html><html lang="zh-CN"><meta charset="utf-8"><head> <title>php test</title></head><body>...原创 2020-04-19 12:09:49 · 1080 阅读 · 0 评论 -
在腾讯云部署一个自己的网站 问题总结
步骤一览首先得有一个html文件名叫index.html,必须叫这个,作为我们现成的网页,网页可以参考我之前的博客【传送门】然后得有一台云服务器,这里选择腾讯云作为,因为学生有优惠:【优惠链接传送门】购买之后,也要顺带购买域名,在网页的指引下,完成域名实名认证之后,要配置dns解析,在【域名管理】【我的域名】中点击【解析】点击添加记录,将自己的ip填写(就是记录值)别忘了备案,如果备...原创 2020-04-17 14:26:41 · 461 阅读 · 0 评论 -
HTML引入外部的JavaScript文件
这个测试案例是基于上一次写的【反转字符串网页】我们总是希望结构和流程控制互相分离,所以将一个js文件写在外部,以强调其可复用性以及使得编程的过程更加清晰我们有如下的html页面,我们希望给button标签添加onclick的回调函数,而这些回调函数来自外部定义的js文件,并且实时的改变文本框的内容,为此我们需要定义一个js文件如何获取标签的对象呢?这里直接调用标签的id即可,因为id唯一,或...原创 2020-04-16 22:47:37 · 11894 阅读 · 0 评论 -
JavaScript+HTML简单实现字符串反转页面
因为纯html难以实现一些流程控制级别的操作,比如变量,循环,引入JavaScript,可以更为方便的进行交互的编写DOM提取对象使用特定的API可以提取标签对象,而这些对象需要有一些属性,比如文本输入框,value就是输入的值,而把变量引入一种便乘语言中,可以实现较为复杂的功能下面看一看获取标签对象的方式 document.getElementById documen...原创 2020-04-14 23:57:20 · 916 阅读 · 0 评论 -
CSS 颜色设置 鼠标悬停至标签效果设置
html比较静态,能够支持的交互效果较为有限,而css则可以带来比较丰富的视觉交互的效果,以及一些友好的结构调整方案,比如颜色设置,或者是鼠标交互时的效果,这里简单的实现一下值得注意的是css也是相对 ”静态“ 的一种 “配置语言”,没有过多的流程控制,需要的是根据选定的标签对象来配置选择方案css选择标签对象,既可以根据其标签名(但是这个改动会影响全局的同名标签),也可以根据自定义的标签类...原创 2020-04-14 19:51:50 · 2744 阅读 · 2 评论 -
HTML 常用标签的简单介绍及简单演示
上一篇【传送门】介绍了html的简单使用这里介绍一下常用标签文本类别告诉浏览器应该用什么(协议?)解析,通过设置标签属性的方式配置<!DOCTYPE html>编码类别告诉浏览器编码的方式是什么,一般默认UTF-8,通过设置标签属性的方式配置<meta charset="utf-8">语言种类(html标签的属性告诉浏览器页面是什么语言,方便其翻译插件...原创 2020-04-12 23:44:14 · 175 阅读 · 0 评论 -
HTML 第一个 HelloWorld 页面
今天学html,惯例先来hello worldHTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。 ----Baidu百科它不是一种语言,没有什么变量流程控制, 类似配置性的文本,比较 ...原创 2020-04-12 23:14:06 · 5434 阅读 · 0 评论