code袁_社区达人页

2024年05月

• 05.26 13:48:12
  发表了文章 2024-05-26 13:48:12

  nodeJs中实现连表查询

  在Node.js中，该代码示例展示了如何使用Promise处理异步数据库查询，实现连表查询获取订单及关联的食物信息。首先，通过Promise查询orders表中属于指定用户的所有订单，然后对每个订单循环执行另一个Promise查询food表中对应的食物详情，并将食物列表添加到订单对象。最后，返回HTTP响应包含订单数据。文中还介绍了Promise的基本用法，包括创建Promise、处理状态变化，以及Promise.all()和Promise.race()的使用。
• 05.26 13:34:14
  发表了文章 2024-05-26 13:34:14

  蓝桥杯入门题 赛前练一练，喝前摇一摇

  这是一个C语言编程题目集，包含10个不同的任务。任务包括：1) 打印所有5位01串，2) 找出n个数的最大值、最小值和，3) 搜索整数在数列中的位置，4) 找出立方和等于自身的三位数，5) 找出回文数，6) 对数列进行排序，7) 将秒转换为HH:MM:SS格式，8) 比较两个字符串是否相同，9) 数字的中文读法，10) 计算阶乘。每个任务都有对应的代码示例。
• 05.26 13:33:19
  发表了文章 2024-05-26 13:33:19

  蓝桥杯练习题

  蓝桥杯练习题包括6道C语言编程题：1. 判断三位数是否为水仙花数；2. 输出区间质因数分解；3. 将秒转换为'H:M:S'格式；4. 判断闰年；5. 删除可被整除元素并排序数组，数字转字母；6. 分类比较两个字符串关系。每题涉及不同逻辑操作，适合编程初学者练习。
• 05.26 13:32:05
  发表了文章 2024-05-26 13:32:05

  蓝桥杯递归算法

  蓝桥杯中的递归算法涉及将问题分解为子问题，通过函数自身调用来求解。优点是简洁易懂，但效率低且可能引发栈溢出。示例包括：数组求和、数的阶乘、斐波那契数列及最大公约数计算，以及字符串翻转。代码展示了各种递归场景的Java实现，如`f3`计算数组和，`f`求阶乘，`f1`计算斐波那契数，`f2`找最大公约数，和`f1`字符串反转。
• 05.26 13:09:37
  发表了文章 2024-05-26 13:09:37

  SpringMVC-登录验证判断

  `SpringMVC`登录验证实现：创建`LoginInterceptor`拦截器检查`session`中的`LoginInfo`，未登录则重定向至登录页。配置拦截器，路径为`/**`和`/user/**`。`LoginController`处理登录、注销请求，登录成功后将用户信息存入`session`。未登录访问受限页面时，显示登录页面。
• 05.26 13:07:57
  发表了文章 2024-05-26 13:07:57

  Ajax 学习总结

  这是一个关于Ajax学习的总结，包括导入Ajax包、异步请求和表单验证。示例展示了如何使用jQuery进行Ajax请求，从后台获取并显示数据，同时提到了Json乱码问题的解决方法和表单数据的前后端交互。还给出了表单验证的简单示例，通过Ajax实时校验用户名。
• 05.26 13:06:04
  发表了文章 2024-05-26 13:06:04

  SpringMVC知识点

  SpringMVC知识概览：包括Restful风格的两种实现（推荐使用`@GetMapping`），参数传递如`@PathVariable`。此外，探讨了SpringMVC的转发与重定向，以及处理请求数据的多种方式，如匹配域名参数、使用`@RequestParam`和接收对象。解决乱码问题，可以通过自定义或SpringMVC内置的过滤器。还涉及JavaScript与JSON对象的转换。
• 05.26 13:02:46
  发表了文章 2024-05-26 13:02:46

  SSM整合(详细配置文件)

  这是一个关于SSM（Spring、SpringMVC、MyBatis）整合的项目配置摘要。`pom.xml`包含了所有必要的依赖，如JUnit、MySQL驱动、C3P0连接池、Servlet、JSP、MyBatis、MyBatis-Spring和Spring框架等。`web.xml`配置了DispatcherServlet、字符编码过滤器和Session超时。MyBatis的`mybatis-config.xml`设置了日志和数据源。`spring-dao.xml`配置了数据源。
• 05.26 13:01:10
  发表了文章 2024-05-26 13:01:10

  手机号注册登录（保姆级）

  在uni-app中，登录流程分为三个主要步骤：1) 发送登录请求至`/api/admin/loginUser`，检查返回的`code`是否为200；2) 如果`code`为200，将用户信息存入vuex并持久化到localStorage；3) 提供登录、注册及找回密码的界面元素，如表单验证、按钮点击事件处理，其中注册涉及验证码验证、新用户添加到数据库。登录成功后，用户信息会被用于后续的接口调用身份验证。
• 05.26 12:56:12
  发表了文章 2024-05-26 12:56:12

  JSP实现简易的聊天功能（Session机制）

  这是一个使用JSP实现的简易聊天功能，基于Session机制和服务器端全局应用空间Application。用户通过login.jsp登录，信息存储在Session中。container.jsp展示聊天界面，包括用户列表、聊天内容和输入框，同时处理发送、清空和刷新等操作。view.jsp动态显示聊天历史，根据用户颜色选择改变消息显示。多用户间通过切换浏览器模拟聊天。网址格式为：http://localhost:8080/项目名/...。如果仅本机可访问，可能因不在同一局域网，需确保所有设备在同一网络并使用本机IP替代localhost。
• 05.26 12:54:08
  发表了文章 2024-05-26 12:54:08

  登录界面的验证登录以及session的使用

  构建登录系统，login.jsp接收用户输入，POST数据到check.jsp验证。正确时在session中存储用户名并重定向至admin.jsp，该页检查session中的username，存在则显示管理员界面，否则返回login.jsp。session非一一对应用户浏览器，且在check.jsp中设置session超时为60秒。实验包括流程图及不同登录状态的界面展示。
• 05.26 12:51:39
  发表了文章 2024-05-26 12:51:39

  基于 Cookie 的信息共享机制

  基于Cookie的信息共享机制用于客户端状态保持。Cookie是服务器生成并发送到浏览器的文本文件，存储用户状态和安全信息。当用户发起请求时，浏览器会将Cookie一并发送，服务器据此处理。Cookie分为内存和硬盘两种，有持久和非持久之分，但因以明文存储，存在安全隐患。JSP/Servlet中的Cookie类提供管理方法。示例代码展示了如何使用JSP设置和检查Cookie。需注意Cookie的安全问题，避免数据泄露。
• 05.26 12:50:01
  发表了文章 2024-05-26 12:50:01

  JSF 中模板(template)标签指令的使用

  本文介绍了JSF中模板标签的使用，通过Facelets标签指令创建网页模板。将页面分为header, content和footer三部分，分别用header.xhtml, content.xhtml和footer.xhtml定义。主模板文件通过ui:insert和ui:include将子模块组装在一起，实现页面布局。最后简要提及了JSF标签库的作用和JSTL的相关内容。
• 05.26 12:48:41
  发表了文章 2024-05-26 12:48:41

  在JSTL 中使用小型数据库 SQLite

  `code袁`是一位热爱分享和记录学习的大学生，主攻编程领域。他的个人主页在[CSDN](https://blog.csdn.net/qq_48164590)，QQ号为2647996100，WeChat号为code8896。他分享了三个专栏：毕业设计与课程设计、微信小程序开发和Vue全程学习。文章介绍了SQLite数据库命令行工具的下载、使用方法，包括创建数据库、定义表结构、插入数据及退出命令。此外，还展示了如何将ER图转化为数据库。最后鼓励读者点赞和支持。
• 05.26 12:46:18
  发表了文章 2024-05-26 12:46:18

  在eclipse添加JSF XHTML模板

  在Eclipse中添加JSF XHTML模板：新建HTML时选择New HTML，然后在Pattern中粘贴指定的XHTML代码，包含JSF命名空间和基本结构。接着在Web项目中创建XHTML文件，选择对应的文件类型。完成这些步骤后，你就成功添加了JSF XHTML模板。如果对你有帮助，请点赞。
• 05.26 12:44:13
  发表了文章 2024-05-26 12:44:13

  JSF（JavaServer Face）标签库简介(JavaEE)

  JSF(JavaServer Faces)是JavaEE框架，用于简化Web应用开发，采用组件驱动方式和MVC模式确保可维护性。主要实现包括PrimeFaces、Apache MyFaces和ICEFaces。JSF通过JCP标准化，Oracle提供了JSF2.2和2.3的实现库。JSF应用涉及UI设计、前后端分离及JavaBean交互。实现过程包括网站结构创建、库文件配置、Tomcat的JSF标签库设置以及启动验证。通过创建JSF页面如hello.xhtml，展示其工作原理。
• 05.26 12:39:29
  发表了文章 2024-05-26 12:39:29

  session和JWT的应用及区别

  在Node.js中实现登录认证，可以使用`express-session`进行Session管理。首先安装`express-session`，然后全局引入并配置。登录成功后，存储用户信息和登录状态至Session，之后可从Session中获取或销毁用户信息。另外，JWT（Json Web Token）也是一个选择。JWT包含header、payload和signauter三部分，通过`jsonwebtoken`包生成和解密Token，设置秘钥和过期时间。使用`express-jwt`进行解密，并配置全局错误处理中间件来处理无效Token的情况。
• 05.26 12:37:01
  发表了文章 2024-05-26 12:37:01

  微信小程序更新操作失效解决和微信小程序引入echarts

  该文介绍了微信小程序的两个问题及解决方案：1)当更新云开发数据库操作无效（返回更新0条数据）时，需检查并修改数据表的权限设置，确保`read`和`write`均为`true`。2)如何引入Echarts：从[GitHub](https://github.com/ecomfe/echarts-for-weixin)下载微信版Echarts，然后在小程序中引入组件，配置`app.json`，并在页面JS中导入并使用Echarts，提供示例代码展示柱状图、折线图和饼图的实现。
• 05.26 12:34:56
  发表了文章 2024-05-26 12:34:56

  小程序云函数从云数据下载excal

  该教程介绍了如何使用小程序云函数从云数据下载Excel文件。首先，创建名为`getexcal`的云函数，然后在终端中安装`node-xlsx`依赖。接着，编写云函数代码，从数据库中获取数据，利用`node-xlsx`生成Excel文件并上传至云端。在页面（index）中，提供下载和打开Excel的按钮。当点击“生成excel”时，调用云函数并获取文件下载地址，将其复制到剪贴板并弹出提示。最后，提醒注意每次更新云函数后需重新部署，并确保使用正确的云开发环境ID。
• 05.26 12:32:35
  发表了文章 2024-05-26 12:32:35

  小程序连表查询（lookup

  该文介绍了小程序实现连表查询的步骤。首先展示效果图，然后通过创建数据库表和云函数来完成连表查询，其中云函数使用了`aggregate`、`match`、`lookup`方法连接'zuowei'和'eara'表。接着，将云函数部署并调用，通过`wx.cloud.callFunction`获取查询结果。最后提醒读者点赞并邀请访问作者个人网站。
• 05.26 12:31:14
  发表了文章 2024-05-26 12:31:14

  实现小程序与SSM后台数据交互

  该文介绍了如何实现小程序与SSM后台的数据交互。在Java控制器中，通过`@RequestMapping`注解的`queryShop`方法处理HTTP请求，设置响应头允许跨域并返回JSON格式的商品列表。小程序端使用wx.request进行GET请求，接收到数据后在控制台打印。示例还包括了传递参数的方法和展示的交互效果图片。
• 05.26 12:29:41
  发表了文章 2024-05-26 12:29:41

  微信小程序页面传参（多条数据的传递）

  本文介绍了微信小程序中页面间参数传递的方法。1) 单个数据传递：通过`wx.navigateTo`将ID拼接在URL中传递，接收页面在`onLoad`中获取。2) 多个参数传递：将数据转换为JSON字符串，然后通过URL参数传递，接收页面同样在`onLoad`中解析JSON恢复数据。3) 提到了JSON作为数据交换格式的基础知识。全文鼓励读者尝试并点赞。
• 05.26 12:27:49
  发表了文章 2024-05-26 12:27:49

  小程序页面传值

  本文介绍了微信小程序中父子页面的传值方法。父页面向子页面传值可通过绑定事件跳转，使用`data-`属性传递参数，然后在子页面的`onLoad`中接收。子页面向父页面传值则通过用户选择内容后调用父页面的方法，利用`getCurrentPages()`获取父页面实例，进而修改父页面的数据。
• 05.26 12:26:17
  发表了文章 2024-05-26 12:26:17

  小程序登录页面

  该文介绍了使用小程序云开发实现登录和注册的步骤，包括界面设计和后端逻辑。界面使用了`wxss`和`wxml`编写，样式精致，包含手机号和密码输入、登录按钮、注册和忘记密码选项。在`js`中，重点处理了用户输入的账号和密码，通过云数据库查询验证用户是否存在，使用标志位`flag`判断，若账号或密码错误，显示相应提示。文章总结了利用for循环比对数据库账号的难点，并表达了作者的学习心得。
• 05.26 12:24:47
  发表了文章 2024-05-26 12:24:47

  超简单实现小程序用户授权登录与退出

  本文介绍了如何轻松实现小程序的用户授权登录与退出功能。通过调用微信的`wx.getUserProfile` API获取用户信息，成功后存储到本地以实现授权登录，并在WXML、CSS和JS中提供示例代码。用户信息存储使用`wx.setStorageSync`，退出登录则清除相关缓存，提升用户体验。
• 05.26 12:23:28
  发表了文章 2024-05-26 12:23:28

  一分钟教你学会小程序云开发的数据库的增删改查

  本文简要介绍了小程序云开发中数据库的增删改查操作。首先展示了查询代码，通过`wx.cloud.database().collection().get()`获取数据；接着演示添加数据，强调数据字段需与数据库匹配；然后说明删除数据需基于_id，通过`doc(id).remove()`执行；最后，更新数据同样依赖_id，使用`doc(id).update()`进行修改。
• 05.26 12:22:09
  发表了文章 2024-05-26 12:22:09

  一分钟教你学会微信小程序的页面刷新

  本文指导如何在微信小程序中实现页面刷新功能。首先，在页面JSON配置开启刷新，然后在JS的`onPullDownRefresh`方法中重置数据并调用数据加载函数。在数据请求方法中，使用`wx.showLoading`显示加载提示，请求完成后用`wx.stopPullDownRefresh`结束刷新并更新数据。监听`onPullDownRefresh`事件触发数据获取。最后，自定义下拉刷新样式，并总结关键在于使用`wx.startPullDownRefresh`启动和`wx.stopPullDownRefresh`停止刷新。
• 05.26 12:20:51
  发表了文章 2024-05-26 12:20:51

  微信小程序轮播图实现（超简单）

  本文介绍了微信小程序使用内置swiper组件实现轮播图的简单方法。对于普通开发，示例代码展示了在wxml中配置swiper组件和嵌套image标签，以及相应的wxss样式设置。采用云开发时，wxml利用wx:for绑定数据列表，js部分展示如何从云端数据库获取数据并设置到list中。只需替换image的src为实际图片路径，即可完成轮播图功能。
• 05.25 13:19:25
  发表了文章 2024-05-25 13:19:25

  原生AXAJ

  本文介绍了原生AJAX的特性，其主要优点是能无刷新获取数据，但也存在跨域问题。接着讲解了Express框架的基本使用，包括创建应用、定义路由和启动服务。然后展示了如何通过AJAX从服务器获取并显示JSON数据，处理了IE的缓存问题和网络延时，以及如何处理重复请求。最后提到了通过设置超时和错误处理来改善用户体验。
• 05.25 13:15:55
  发表了文章 2024-05-25 13:15:55

  数组的操作

  `splice`方法改变原数组，如`arr.splice(a, b)`从下标`a`开始截取`b`个数。`push()`在数组尾部添加元素并返回新长度，`pop()`删除并返回尾部元素。`unshift()`在头部添加，`shift()`删除并返回头部元素。`findIndex()`返回满足条件的元素下标，否则-1。`forEach`遍历数组，`map`类似但返回新数组。
• 05.25 13:04:24
  发表了文章 2024-05-25 13:04:24

  Mybatis实现增删改查

  本文介绍了Mybatis实现增删改查的步骤。首先，需在项目lib目录下添加Mybatis核心及依赖jar包，包括MySQL驱动。接着配置mybatis.xml文件，包括数据库连接信息、日志设置和映射文件。接着创建数据库并设计实体类User。创建UserMapper接口及其XML文件，包含增删改查方法。再编写MybatisUtils工具类以获取SqlSession。最后通过示例展示了添加、修改、查询和删除操作的代码实现。
• 05.25 13:02:01
  发表了文章 2024-05-25 13:02:01

  layui-form

  `layui-form`是一个前端表单组件，提供多种表单类型如单行、多行排列的输入框，下拉选择框（支持模糊搜索），单选框和复选框。表单元素可通过`required`和`lay-verify`属性进行必填和验证设置。编辑器如`layedit`可用于富文本输入，表单监听事件如提交和单选器可绑定回调函数进行处理。此外，能动态更新渲染表单，初始化表单数据并进行数据校验，包括自定义验证规则。
• 05.25 12:59:21
  发表了文章 2024-05-25 12:59:21

  layui-Dtree树结构

  这是一个关于layui-Dtree树结构的总结。Dtree是一个用于展示树形数据的组件，可以从[这个链接](https://www.wisdomelon.com/DTreeHelper/)下载。数据格式支持标准、list类型和layui+list集合，示例代码展示了如何渲染和配置这些格式。此外，Dtree提供了图标监听、节点监听和节点双击事件的回调功能。它还支持带复选框的节点，允许用户进行多选操作，并能获取选中节点的参数。最后，文章以一个简单的提交信息示例结束。
• 05.25 12:56:56
  发表了文章 2024-05-25 12:56:56

  layui-数据表格的实现

  `layui`是一个前端UI框架，本文档介绍了如何使用layui创建数据表格。首先展示了三张截图来预览效果，接着讲解了下载layui资源包并导入到项目中的步骤。然后，在新建的web项目中引入layui的CSS和JS文件。文档提供了模拟的JSON数据来展示表格内容。接下来，详细说明了数据表格的实现，包括注意事项和代码实现，强调了`table`标签的`id`与`script`中`elem`的匹配。此外，文档还涵盖了监听头部工具栏和工具条事件的方法，并展示了弹出层的实现，用于添加和编辑表格数据。最后，给出了完整的HTML源码示例。
• 05.25 12:52:55
  发表了文章 2024-05-25 12:52:55

  前端知识点03（JS）

  前端知识点概览：了解JS中的this指向，包括全局、函数、new、apply/call/bind及箭头函数的规则。理解script的async和defer属性对脚本加载和执行的影响。探讨setTimeout和setInterval的用法及其在性能上的考量。ES6与ES5的区别在于新语法特性，如let/const、箭头函数、模板字符串、模块化、类和继承等。此外，ES6还引入了Symbol、解构赋值、默认参数、Map/Set和Generator等功能。别忘了点赞和支持作者哦！
• 05.25 12:51:58
  发表了文章 2024-05-25 12:51:58

  前端面试02（JS）

  本文是前端面试系列的第二篇，主要涵盖了JavaScript的基础知识，包括JS的组成（ECMAScript、DOM、BOM）、内置对象（如String、Array、Math、Date等）、数组操作方法、数据类型检测方法（typeof、instanceof、constructor、Object.prototype.toString.call）、闭包的概念及其特点、前端内存泄漏的原因和类型、事件委托的优势、基本数据类型与引用数据类型的差异、原型链的工作原理以及JS实现继承的多种方式（原型链、构造函数、组合继承等）。文章结尾鼓励读者点赞和支持作者。
• 05.25 12:51:03
  发表了文章 2024-05-25 12:51:03

  前端面试题01（css）

  前端面试题01聚焦CSS，涵盖选择器优先级、隐藏元素方法、px与rem差异、重绘与重排解释、元素居中技巧及可继承属性。还探讨了CSS预处理器SASS和LESS的特性。文章提供实例代码展示居中布局的多种实现方式。鼓励读者点赞和支持。
• 05.25 12:50:08
  发表了文章 2024-05-25 12:50:08

  一文秒懂CSS知识点

  这是一个关于CSS知识的梳理，包括层次选择器（后代、子、相邻兄弟、通用兄弟选择器）、结构伪类选择器、属性选择器的介绍，并展示了各种选择器的使用示例。此外，还涵盖了文本样式（RGB、RGBA、首行缩进、列表样式）、背景图片、display属性、清除浮动方法、定位（相对、绝对、固定定位及z-index）、浏览器私有前缀、圆角边框、阴影、2D转换、过渡属性和动画的@keyframes。文章最后提到了点赞的提示。
• 05.25 12:45:52
  发表了文章 2024-05-25 12:45:52

  简洁好看的登录页面

  这是一个简洁美观的登录页面设计，包含HTML和CSS代码。页面背景为渐变色，中央有一个白色的登录框，内含账号和密码输入字段、登录按钮以及注册链接。登录框下方有动态的正方形和圆形元素动画，通过CSS关键帧动画实现旋转和透明度变化。
• 05.25 12:44:21
  发表了文章 2024-05-25 12:44:21

  JavaScript

  JavaScript基础概要：包括数据类型的`=`, `==`, `===`和`use strict`；数组操作如`length`, `indexOf`, `slice`, `push`, `pop`, `unshift`, `shift`和`sort`；Map和Set的使用，如`get`, `set`, `delete`及遍历；函数的abs, rest参数，作用域，let, const和方法；内部对象如Date和JSON；BOM操作如window, screen和location；DOM操作涉及节点获取
• 05.24 18:10:05
  发表了文章 2024-05-24 18:10:05

  力扣算题【第二期】

  这是一个关于链表操作的算法总结，包括两个部分：1) 反转链表，通过头插法实现链表反转，代码中使用了迭代方式；2) 判断回文链表，利用快慢指针找到链表中点，翻转后半部分并与前半部分比较。代码中包含详细步骤及辅助的翻转函数。
• 05.24 18:08:11
  发表了文章 2024-05-24 18:08:11

  力扣刷题【第一期】

  这是一个关于算法的总结，包含7个不同的问题。1）爬楼梯问题，使用动态规划，通过迭代找到到达n阶楼梯的不同方法数。2）两数之和，通过双重循环找出数组中和为目标值的两个数的索引。3）移动零，使用双指针将数组中的0移到末尾。4）合并有序链表，创建新链表按升序合并两个链表。5）删除链表重复值，遍历链表删除重复元素。6）环形链表检测，使用快慢指针判断链表是否有环。7）相交链表，计算链表长度找
• 05.24 18:05:27
  发表了文章 2024-05-24 18:05:27

  nodeJs中实现连表查询

  在Node.js中，这段代码演示了如何使用Promise处理异步数据库查询以实现连表查询。首先，通过Promise从`orders`表中获取指定用户ID的订单，然后对每个订单，再次使用Promise查询对应的`food`信息。查询结果合并后，将foodList添加到对应订单对象。最后，使用Promise.all处理并发查询并发送响应。文章还介绍了Promise的基础知识，包括创建Promise、处理状态变化以及Promise.all和Promise.race方法。

  
• 05.24 18:04:32
  发表了文章 2024-05-24 18:04:32

  node注册和登录你真的清楚了吗？

  本文档介绍了创建MySQL数据表、安装配置MySQL模块的过程，并详细阐述了用户注册和登录的功能实现。注册功能包括表单数据校验、用户名占用检测、密码加密及用户插入。登录功能涉及密码判断、生成JWT Token以及使用express-jwt中间件进行Token解析。在整个过程中，还封装了一个错误处理函数用于统一响应错误信息。

  
• 05.24 18:02:11
  发表了文章 2024-05-24 18:02:11

  node项目的建立

  该文档介绍了如何建立一个Node.js项目，首先通过`npm init -y`进行项目初始化，然后安装Express `npm i express@4.17.1`。在`app.js`中设置服务器监听8080端口。接着，为解决跨域问题，安装CORS `npm i cors@2.8.5`，并在`app.js`中启用。项目包含用户路由，新建路由文件并导入到`app.js`，通过Postman测试验证。最后，将路由处理逻辑抽离到`router_handler/user.js`，在路由模块中引入并调用处理函数。

  
• 05.24 17:56:21
  发表了文章 2024-05-24 17:56:21

  Vue axjx 跨域请求

  Vue应用中解决跨域问题可通过配置代理服务器。方法一是设置`devServer.proxy`到目标服务器端口，如`http://localhost:3000`，然后使用axios发送请求。方法二是为多个代理配置，如`/api`和`/api2`，分别指向不同端口，利用`pathRewrite`重写路径。请求时需加上相应前缀，如`/api/index`。