好家伙，上一篇做出来问题多多，   问题太多了，包括但不限于前端报错：1.超出调用栈 2.跨域错误  vue3确实有很多我不熟悉的地方 所以，我们用回vue2吧 这里全部用回之前的方法 Springboot连接数据库养肥胖虎博客园(cnblogs.com)   1、去新建一个springboot项目 目录结构如下：     然后我们去到 application.properties这个文件中： spring.datasource.url=jdbc:mysql://127.0.0.1:3306/test?useUnicode=tru...

好家伙，爬虫来了   爬虫，这玩意，不会怎么办， 诶，先抄一份作业回来 1.别人的爬虫  Python爬虫史上超详细讲解（零基础入门，老年人都看的懂）_ChenBinBini的博客-CSDN博客 -codeing=utf-8-frombs4importBeautifulSoup网页解析，获取数据importre正则表达式，进行文字匹配`importurllib.request,urllib.error制定URL，获取网页数据importxlwt进行excel操作importsqlite3进行SQLite数据库操作findLink=re.compile(r'<ahre...

好家伙,前端出了点bug   我们来搞定后端先:  后端我们用的框架是Springboot  数据库:MySQl 代码已开源,连接在最后   新建项目:     只点JavaWeb   项目目录如下：         1.首先,我们在pom.xml文件中导入第三方包: web服务,mysql连接驱动等一系列包   pom.xml文件: <?xmlversion="1.0"encoding="UTF-8"?><projectxmlns="http://m...

好家伙,   bug终究还是来了,而且是很离谱的bug 来吧,发现问题,再解决问题   1.注册无法检测到用户名重复 也就是说一个用户名可无限注册, 来看bug（。。。）  (看来是后端验证逻辑出了问题) 要是这么上线估计直接寄了     2.完成注册用户名查重 大概率是后端出了问题 这里我们先去看看后端,从后端去改写   SysUserController.java文件: 来看看主要的注册方法 @PostMapping("register")//zxcv1234//@RequestBody主要用来接收前端传递给后端的json字符...

好家伙,   xdm,密码验证忘写了,哈哈 bug展示: 1.登陆没有密码验证 主要体现为,乱输也能登进去  (小问题) 要是这么上线估计直接寄了     分析一波密码校验怎么做:   前端输完用户名密码之后,将数据发送到后端处理 后端要做以下几件事 ①先确认这个用户名已注册 ②我们拿着这个用户名去数据库中找对应的数据,拿到密码 ③将前端发过来的密码与后端找到的密码进行比较 对了返回true,不对就false, 返回给前端 完成密码校验     1.来看看登陆这一部分涉及的代码: SysUserController.jav...

好家伙，   在开发过程中，我们总是避免不了进行接口的测试， 而相比手动敲测试代码，使用测试工具进行测试更为便捷，高效   今天发现了一个非常好用的接口测试工具Apifox 相比于Postman，他还拥有一个非常nb的功能， 在接口的测试完成后，它可以一键生成接口文档   下载地址（免费哟）： ApifoxAPI文档、调试、Mock、测试一体化协作平台接口文档工具，接口自动化测试工具，接口Mock工具，API文档工具，APIMock工具，API自动化测试工具   进入页面  （非常的清爽，好看）   1.Apifox接口测试功能 我...

好家伙,本篇用于测试"添加"接口,为后续"用户注册"功能做铺垫   (完整代码在最后) 我们要实现"添加"功能 老样子我们先来理清一下思路, 现在,我是一个用户,我来到了注册页面,我在一个①表单中要把我要添加的数据填好, 然后点击添加按钮,进行②数据校验(看看用户有没有少填的数据), 随后,③发送网络请求,把数据传到后端,后端再把数据传到数据库中, 最后,④重置表单 大概是这么回事   老样子,我们先去饿了么偷点东西   拿个表单,然后该删的删,最后留下序号,书名,作者三行以及两个按钮就好   1.前端基本视图    代码如下: ...

好家伙,本篇介绍如何实现"改" 我们先来看看效果吧  (这可不是假数据哟,这是真数据哟)  (忘记录鼠标了,这里是点了一下刷新)   FirstOfAll  我们依旧先来理一下思路: 首先在"管理"页面中,我能看到所有的书本信息, 随后,在每一个信息后都有对应的"修改按钮" 当我点击这个按钮时,我要①拿到这个这条数据的id($router传参) 然后②跳转到"信息修改界面",(这个界面会像书本添加的那个界面一样,有两个输入框,一个提交按钮,一个重置按钮) 这时,我向后端③请求到当前这条"id"的相关数据(举例:{id:1,name:三体1,authe...

好家伙，本篇介绍如何实现"删"功能   来看效果，  数据库   （自然是没什么毛病）   "增"搞定了,其实"删"非常简单 (我不会告诉你我是为了水一篇博客才把他们两个分开写,嘿嘿)   逻辑简洁明了: 首先,看见你要删除的数据,点"删除", 随后,①拿到当前这条数据的Id,向后台发请求网络, 然后,②后端删除该字段对应信息, 最后,③前端更新视图 (重新进入用户管理页面,向后端发起请求,拿到新的数据)     本次前端所以操作都在同一个组件中完成 MyUsers.vue代码如下 <!-该组件为表单主要组件-...

好家伙，   顶不住了，太多的bug， 本来是想把背景用canvas做成动态的，但是，出现了各种问题 为了不耽误进度，我们先把一个简单的登录注册界面做出来   来看看效果：    （看上去还不错）   本界面使用Vue2(新建项目的时候记得把less勾上,项目里有用到)   1.项目目录:     2.MyLogin.vue组件代码如下: <template><divclass="login-container"><divclass="login-box"><!-头像...

好家伙，本篇将继续完善前端界面   效果展示: 1.注册登陆 (后端已启动)         2.注册表单验证 (前端实现的表单验证)         在此之前: 我的第一个项目(二)：使用Vue做一个登录注册界面养肥胖虎博客园(cnblogs.com) 后端部分: 我的第一个项目(三)：注册登陆功能(后端)养肥胖虎博客园(cnblogs.com)   1.前端发送网络请求(axios) 项目目录:   Mylogin.vue文件: <template><div...

好家伙,   现在,我想要把我的飞机大战塞到我的主页里去,想办法把文件导入   然后,直接死在第一步,图片渲染都成问题   先用vue写一个测试文件 来测试canvas的绘制 <template><div><divref="stage"></div><button@click="drawsth()">添加</button><imgsrc="../assets/logo.png"alt=""></div></template><script>//...

好家伙,学习新工具    1.为什么我们需要包管理器? 关于npm我们已经知道了,这是我们项目的包管理器, 我们现在用的无比顺手的工具,都是在无数的竞争中杀出来的,他们淘汰了无数的产品   首先,倘若我们不使用npm,那么我们应该如何去新建一个前端项目? 纯手工,把我们项目需要的项目一个个下载到我们的项目里面 手动创建项目意味着您需要手动管理项目的依赖和文件结构，包括下载和引入任何所需的库或框架。 想想都可怕,再加上各种bug 我们新建一个项目可能需要?半个小时左右   于是我们的好帮手出现了,包管理器npm   我们把我们的配置清单给npm,...

好家伙，   1.<template>去哪了 在正式内容之前,我们来思考一个问题, 当我们使用vue开发页面时,<tamplete>中的内容是如何变成我们网页中的内容的?   它会经历四步: 解析模板：Vue会解析<template>中的内容，识别出其中的指令、插值表达式（{{}}），以及其他元素和属性。 生成AST：解析模板后，Vue会生成一个对应的AST（AbstractSyntaxTree，抽象语法树），用于表示模板的结构、指令、属性等信息。 生成渲染函数：根据生成的AST，Vue会生成渲染函数。渲染函数是一个函数，接收一些数据作...

好家伙,我的包终于开发完啦   欢迎使用胖虎的飞机大战包!!为你的主页添加色彩 这是一个有趣的网页小游戏包,使用canvas和js开发 使用ES6模块化开发 效果图如下:  (觉得图片太sb的可以自己改) 代码已开源!! Git: https://gitee.com/tang-and-han-dynasties/panghu-planebattle-esm.git NPM: panghu-planebattle-esmnpm(npmjs.com)   来我们来按照(我给的)文档来试一遍能不能成功导入这个游戏  (这tm要是失败就尴尬了) &nbsp...

好家伙,JS基础接着学,   1.事件流 页面哪个部分拥有特定的事件? 可以把页面想象成一个同心圆, 当你戳了其中的一点,其实你同时戳中了很多个圆   当你点击一个页面中的按钮,实际上你同时点击了这个按钮,这个按钮的容器,以及整个页面   于是有了这么个概念,事件流, 我们用事件流描述页面接受事件的顺序,   举个栗子: 来写一个简单页面 <!DOCTYPEhtml><htmllang="en"><head><title>vuetest</title></head><body...

好家伙,JS基础接着学, 本篇内容为《JS高级程序设计》第四章学习笔记   1.原始值和引用值 ECMAScript变量可以包含两种不同类型的数据：原始值和引用值。原始值（primitivevalue）就是最简单的数据，引用值（referencevalue）则是由多个值构成的对象。 在把一个值赋给变量时，JavaScript引擎必须确定这个值是原始值还是引用值。 6种原始值： 1.Undefined 2.Null 3.Boolean 4.Number 5.String 6.Symbol。 引用值: 我们常见的引用值就是"对象"   保存原始值的变量是按值（byvalue）访...

好家伙,JS基础接着学, 本篇内容为《JS高级程序设计》第三章学习笔记 1.变量   ECMAScript变量是松散类型的，意思是变量可以用于保存任何类型的数据。 (确实松散,不像C或C那样,分int,float,char等等...,一个变量可以用来保存任何类型的数据) 每个变量只不过是一个用于保存任意值的命名占位符。有3个关键字可以声明变量： var、const和let 其中，var在ECMAScript的所有版本中都可以使用，而const和1et只能在ECMAScript6及更晚的版本中使用。    2.var声明 用var声明的变量可以保存任何类型的值 在...

好家伙， 本篇内容为《JS高级程序设计》第三章学习笔记   1.数据类型 ECMAScript有6种简单数据类型（称为原始类型）： Undefined，Null，Boolean，Number,String和Symbol。 Symbol（符号）是ECMAScript6新增的。还有一种复杂数据类型叫Object（对象）。 Object是一种无序名值对的集合。因为在ECMAScript中不能定义自己的数据类型，所有值都可以用上述7种数据类型之一来表示。 只有7种数据类型似乎不足以表示全部数据。但ECMAScript的数据类型很灵活，一种数据类型可以当作多种数据类型来使用。   1...

好家伙， 本篇内容为《JS高级程序设计》第三章学习笔记   1.Number类型 从名称中我们可以得出,这是一个存放数值的类型, 不同的数值类型相应地也有不同的数值字面量格式   Number类型可以储存不同进制的数(不常用就是了)  八进制:在数前加一个零("0"),后续的数字中不能有大于7的数值,否则八进制无效 十六进制:在数字前加一个零x("0x"),后面不可跟随超出十六进制的数,否则会十六进制无效     1.1.浮点值 要定义浮点值，数值中必须包含小数点，而且小数点后面必须至少有一个数字。 小数点前可以没有数字,但推荐加上。 (看上...