- 博客(31)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 golang 从零单排 (一) 安装环境
打开网址直接点击下载go1.24.1.windows-amd64.msi下载完成 直接双击下一步 下一步 安装完成 环境变量自动设置不必配置。
2025-03-08 14:59:21
483
1
原创 从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(十四) 部署
执行npm run build 在执行pm2 start --name XXX npm -- start。在项目根目录下执行npm init 得到json文件 内容如下。把代码上传到服务器 在服务器中安装node 和 pm2。// 解决req.body undefined问题。修改server下 package.json。修改server下 index.js。// 实现signup 注册接口 认证。
2025-03-07 23:33:26
804
原创 从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(十三) 优化聊天页面
目前我们收到新的消息 不会滚动到视野当中修改chatbox组件// 最后一条消息的ref// 滚动到最新消息})
2025-03-06 20:21:55
795
原创 从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(十二) socketio 消息处理
在message.controller.js中 在sendMessage方法中 每当我们发送消息需要socketio把这个消息转发给 接收人 加入转发逻辑// 把消息发给指定的用户的socket。
2025-03-05 22:40:50
448
原创 从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(十一) 实现服务端和客户端socketio 连接
socketIO文档参考首先在lib下新建socket.js文件参考这时修改下index.js 的引入。
2025-03-05 22:02:28
585
原创 从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(十) 收发消息
这是我们在左侧发送消息 右侧用户就能收到消息了 并且自己发送的消息在右侧 收到的消息在左侧 正是用了 chat-start chat-end 这2个class。思考一个问题 目前我们发送消息给对方 只有刷新页面才能收到新的消息 这是不符合要求的 所以我们引入socket.io 实现实时 的 收发消息 功能。聊天的气泡我们参考daisyUi的 chat-start chat-end 效果如下。// 消息的发送者id和当前用户id一致，则显示在右侧，否则显示在左侧。首先我们完善前端的消息输入框。
2025-03-04 12:56:05
498
原创 从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(九) 消息接口
首先在models下创建 message.model.js// 发送人Idtype: mongoose.Schema.Types.ObjectId, //在 Mongoose 模型中定义 _id 字段},// 接收人type: mongoose.Schema.Types.ObjectId, //在 Mongoose 模型中定义 _id 字段},// 文本text: {},// 图片image: {},
2025-03-03 18:19:43
1166
原创 从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(八) 聊天框用户列表
简单画了个聊天框 就是咱们的HomePage.jsx。
2025-03-02 10:16:09
1246
原创 从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(七) 主题设置
我们用的是^4.12.23版本切换主题功能我们仿照。
2025-03-01 20:00:00
770
原创 从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(六) 导航栏 和 个人信息设置
菜单 和个人信息设置
2025-03-01 10:16:18
940
原创 从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(五) 实现登录功能
完善登录页面 和注册差不多 直接copy signUpPage 内容 再稍微修改下这时我们的前端页面就有了。
2025-02-27 20:00:00
896
原创 从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(四) 实现注册功能
前端web目录下 创建pages 文件夹 创建Home.jsx 首页 SignUpPage 注册 LoginPage 登录ProfilePage 个人资料 SettingPage各个页面简单实现一下 内容如下在main.js 引入 BrowserRouter用BrowserRouter 把App 组件包裹 提供给全局路由功能App.jsx 内容 如下。
2025-02-26 21:22:45
695
原创 从零开始用react + tailwindcs + express + mongodb实现一个聊天程序(三) 实现注册 登录接口
在models下创建user.model.js 创建user对象schema 作用是和数据库关联 （用法详见mongodb教程)在controllers文件夹下创建auth.controller.js 写我们的接口逻辑。在src目录下创建controllers middleware models routes。在刚刚建好的routes文件夹下 创建auth.route.js 内容如下。/api/auth 是路由前缀 authRoutes是 处理请求的路由。在lib文件夹下创建 util.js。
2025-02-25 19:35:52
459
原创 从零开始用react + tailwindcs + express + mongodb实现一个聊天程序(二)
参考安装mondbcompass数据库连接工具。
2025-02-24 21:09:59
721
1
原创 从零开始用react + tailwindcs + express + mongodb实现一个聊天程序(一)
聊天系统第一步 文件夹创建 依赖安装
2025-02-22 15:05:11
566
原创 关于IntelliJ IDEA 2024.1.6中 compact middle packages
我想在service包里建一个UserService接口 总是建在impl下面。把compack middle package勾选去掉。
2024-12-30 16:55:32
262
转载 centos7 防火墙常用命令
常用命令介绍firewall-cmd --state ##查看防火墙状态，是否是runningfirewall-cmd --reload ##重新载入配置，比如添加规则之后，需要执行此命令firewall-cmd --get-zones ##列出支持的zonefirewall-cmd --get-services ##...
2021-06-09 15:23:50
143
原创 2021-05-26 pyspider学习
按照网友的教程 建了个pyspider爬虫服务 有兴趣的小伙伴可以访问http://59.110.50.201:5000/使用说明文档 网友链接https://www.jianshu.com/p/39c7371dd6c2
2021-05-26 09:45:34
147
原创 喜马拉雅 音频播放时 跳动动画
html<div class="xui-playing"><i></i> <i></i> <i></i></div>css.xui-playing {display: inline-block;vertical-align: middle;fo...
2019-10-10 17:01:42
788
原创 vue iview 实现搜索 组件
<template><div class="citicSearchCon"><div class="search"><input ref="input" type="text" placeholder="搜索" @keyup.enter="beginSearch(search_key)" v-model="search_key" @focus=...
2019-09-30 15:57:00
2034
原创 nextjs 取消app container
App Container DeprecatedWhy This Error OccurredIn versions prior to v9.0.4 the<Container>component was used in./pages/_app.jsto handle scrolling to hashes. This handling has been moved u...
2019-09-04 15:10:57
677
转载 模拟new
new操作符做了这些事：它创建了一个全新的对象 它会被执行[[Prototype]]（也就是__proto__）链接 它使this指向新创建的对象 通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上 如果函数没有返回对象类型Object(包含Functoin, Array, Date, RegExg, Error)，那么new表达式中的函...
2019-08-29 14:21:27
90
原创 iview 上传功能
<template> <div> <div class="desc">仅支持MP4格式H264编码的视频，且大小不要超过500M。视频格式转换方法</div> <Row> <Col :span="12"> &l
2018-05-13 16:36:21
12197
2
原创 underscore .tempalte 模板使用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-3.2.1.js" >
2018-03-14 15:06:35
197
原创 vue购物车
vuex入门demo 简单易学 快速掌握vuex套路https://github.com/liuxingzhijian1320/vuex-shopcart
2018-03-12 13:53:33
278
原创 使用git中rebase遇到的坑二 could not apply xxxx
当我们使用git rebase 的时候经常会出现以下命令 git rebase -i resumeerror: could not apply 6b442cc... accout infoWhen you have resolved this problem, run "git rebase --continue".If you prefer to skip this patch, run
2017-03-27 11:53:09
18990
5
原创 使用git时遇到的坑 non-fast-forward
! [rejected] resume-dev-gu -> resume-dev-gu (non-fast-forward)error: failed to push some refs to 'ssh://git@stash.imhuihui.cn:7999/fed/resume.git'hint: Updates were rejected because the tip of your cu
2017-03-23 18:23:28
5958
TA创建的收藏夹 TA关注的收藏夹
TA关注的人