划水日常16.5关于出版图书有偿征集书名 ~

分类：MongoDB作者：前端江太公

关于摸鱼日常已经断更两个月了，前段时间一直忙在项目上，再加上搭了个网站，你要说有事儿吧，其实事儿也不多。你要说没事儿吧，我就是不更。原因其实很简单，我懒！

可直接跳过目录一，直至目录二:征集书名。

目录标题

在这里插入图片描述


先说说我那个项目吧！

一、嘻哩嘻哩网站

名字暂定于嘻哩嘻哩，主要类似于一个二次元的图漫交流网站。

在这里插入图片描述


在这里插入图片描述

1、技术栈

前端：vue2+antd for v2+vue-lazyload+vue-photo-preview+animate.css+AES/DES…；
后端：Express+MongoDB+jsonwebtoken+express-jwt+AES/DES…；

2、项目说明

在这里插入图片描述


web-view：前台项目
web-admin：后台管理系统
server：后端服务项目

vue/cli版本 ：@4.0以上
node版本 ： @14.3以上
MongoDB版本 ：@4.0以上

3、web-view

略…前端没什么要说的…我把封装的几个工具贴出来吧

3.1 上传文件

upload.js

import axios from 'axios'
import { message } from 'ant-design-vue'

//  * 封装上传文件的post方法
//  * @param url
//  * @param data
//  * @returns {Promise}

// 接口域名地址
let baseURL = process.env.VUE_APP_API_BASE_URL


export function uploads(url, file) {
    return uploadData(url, file)
}


function uploadData(url, file) {
    // 创建 FormData 对象
    let formData = new FormData();
    // 通过 append() 方法来追加数据
    formData.append("files", file)
    return new Promise((resolve, reject) => {
        axios.post(baseURL + url, formData, {
            headers: {
                'Content-Type': 'multipart/form-data',
                'authorization': 'Bearer ' + localStorage.getItem('token'),
            }
        }).then(response => {
            resolve(response)
        }).catch(error => {
            if (error.response) {
                // 对响应错误做点什么
                switch (error.response.status) {
                    case 403:
                        message.error('拒绝访问')
                        break
                    case 500:
                        message.error('很抱歉，登录已过期，请重新登录')
                        localStorage.clear();
                        sessionStorage.clear()
                        setTimeout(() => {
                            window.location.reload()
                        }, 1000)
                        break
                    case 404:
                        message.error('很抱歉，资源未找到!')
                        break
                    case 405:
                        message.error('请求方式错误！')
                        break
                    case 504:
                        message.error('网络超时')
                        break
                    case 401:
                        message.error('未授权，请重新登录')
                        localStorage.clear();
                        sessionStorage.clear()
                        setTimeout(() => {
                            window.location.reload()
                        }, 1000)
                        break
                    default:
                        message.error(data.message)
                        break
                }
            }
            reject(error)
        })
    })
}

调用

import { uploads } from "@/utils/upload";

uploads("/dynamic/uploads", upload.file).then((res) => {
        if (res.data.code == 200) {

        } else {

        }
});
3.2 加解密

该方法主要用于登录密码等加密
idnumberDes.js

import CryptoJS from "crypto-js";

// des加密,isHex表示结果是否有密文,输出hex,否则输出base64

// key为加密的秘钥。message 为需要加密的信息
let encryptByDES = function (message, key, isHex = true) {
    var keyHex = CryptoJS.enc.Utf8.parse(key);
    var encrypted = CryptoJS.DES.encrypt(message, keyHex, {
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Pkcs7
    });
    if (isHex) return encrypted.ciphertext.toString();
    else return encrypted.toString();
}

// DES 解密,isHex表示对hex解密,否则对base64解密
let decryptByDES = (ciphertext, isHex = true) => {
    var keyHex = CryptoJS.enc.Utf8.parse(key);
    if (isHex) ciphertext = CryptoJS.enc.Hex.parse(ciphertext)
    else ciphertext = CryptoJS.enc.Base64.parse(ciphertext)
    var decrypted = CryptoJS.DES.decrypt({ ciphertext },
        padding: CryptoJS.pad.Pkcs7
    });
    return decrypted.toString(CryptoJS.enc.Utf8);
}

export {
    encryptByDES, decryptByDES
}

调用

import { encryptByDES } from "@/utils/idnumberDes";

encryptByDES(password,key)
// password 密码  key 需要与后端定义一致，此key值不可泄露
3.3 时间转换

把时间转为 n分钟前 n小时前 n天前…
timeago.js


//dateTimeStamp是一个时间毫秒，注意时间戳是秒的形式，在这个毫秒的基础上除以1000，就是十位数的时间戳。13位数的都是时间毫秒。

export function timeago(dateTimeStamp) {
    let dateStamp = new Date(dateTimeStamp)
    var minute = 1000 * 60;      //把分，时，天，周，半个月，一个月用毫秒表示
    var hour = minute * 60;
    var day = hour * 24;
    var week = day * 7;
    var halfamonth = day * 15;
    var month = day * 30;
    var now = new Date().getTime();   //获取当前时间毫秒

    var diffValue = now - dateStamp;//时间差

    if (diffValue < 0) {
        return;
    }
    let result = ""
    var minC = diffValue / minute;  //计算时间差的分，时，天，周，月
    var hourC = diffValue / hour;
    var dayC = diffValue / day;
    var weekC = diffValue / week;
    var monthC = diffValue / month;
    if (monthC >= 1 && monthC <= 3) {
        result = " " + parseInt(monthC) + "月前"
    } else if (weekC >= 1 && weekC <= 3) {
        result = " " + parseInt(weekC) + "周前"
    } else if (dayC >= 1 && dayC <= 6) {
        result = " " + parseInt(dayC) + "天前"
    } else if (hourC >= 1 && hourC <= 23) {
        result = " " + parseInt(hourC) + "小时前"
    } else if (minC >= 1 && minC <= 59) {
        result = " " + parseInt(minC) + "分钟前"
    } else if (diffValue >= 0 && diffValue <= minute) {
        result = "刚刚"
    } else {
        var datetime = new Date();
        datetime.setTime(dateStamp);
        var Nyear = datetime.getFullYear();
        var Nmonth = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
        var Ndate = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
        var Nhour = datetime.getHours() < 10 ? "0" + datetime.getHours() : datetime.getHours();
        var Nminute = datetime.getMinutes() < 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
        var Nsecond = datetime.getSeconds() < 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();
        result = Nyear + "-" + Nmonth + "-" + Ndate
    }
    return result;
}

调用

import { timeago } from "@/utils/timeago";

getTime(time) {
      return timeago(time);
},

4、server

连接数据库我就不说了…

在这里插入图片描述


在这里插入图片描述

创建模型，定义表集合
例：用户表

在这里插入图片描述

4.1 注册登录

请添加图片描述


我就直接贴代码截图了

用户注册

在这里插入图片描述

用户登录

在这里插入图片描述

4.2 token验证

关于token验证，我有篇文章有写，在这不想过多的说
链接: vue+express生成token

在这里插入图片描述


包括一些不需要经过token验证的接口，以及错误处理，看那个文章吧！

在这里插入图片描述

4.3 首页上传图片及查询

上传图片

在这里插入图片描述

图片查询

在这里插入图片描述

4.4 数据库

目前数据库中有9张表：用户表、轮播图表、搜索表、图片分类表、首页图片表、发布动态表、消息通知表、申请管理表、审核权限表

在这里插入图片描述

后台管理系统我就不说了，都知道干啥用的。。。。

目前已完善功能：

✅ 登录/注册
✅ 图片分类、图片上传及下载、图片违规审核
✅ 发布动态（类似朋友圈）
✅ 评论、点赞
✅ 搜索内容、热门搜索
✅ 消息通知及推送
✅ 修改资料
✅ 分页查询
✅ 申请管理员
…

目前已知问题：

✅ 缺少修改密码功能
✅ 缺少短信验证
✅ 首页上传图片只能上传单图（发布动态可多图）
✅ 部分样式错误
✅ ios设备 时间显示NAN

总结

服务器：百度云 反向代理：nginx
目前网站域名等正在备案审核中 地址暂时为： 嘻哩嘻哩 - X站 - 年轻人都在玩的图漫社区

有问题也可以提出（有偿）： 产品建议与问题反馈

有什么好的产品建议或者功能可以在上面链接中提出，后续可能考虑开源，供学习！因为是自己的网站，所以前后端都是随便写，好多代码都没有规范，主要嫌麻烦！看还是能看懂的，别担心，现在屎山不多。。。。扯多了，今天的主要任务是给书命名！！！本来打算写摸鱼日常（17）的，我想了又想，不算摸鱼，那就叫他（16.5）吧。。。。

二、征集书名

在去年的四月，出版社的老师找到我说我博客质量不错，有没有兴趣出书。我收到这个消息的时候内心是忐忑的，我没有写过书，也没有出过书，我不知道从何下手。

写书是一个漫长的过程，费时费力费心，我不知道能不能坚持下去，也不知道能不能写一本值得学习值得看的书。我本身就觉得自己知识储备不够，怎么能够传递知识？？会不会在误人子弟？？

但我还想试一下…

试过才有结果才知对错，不试永远没有结果，永远不知对错与否…

在这里插入图片描述


在这里插入图片描述

在这里插入图片描述

此书暂时命名为《菜鸟轻松拿Offer：前端工程师面试秘笈》。由我与另一位好基友张老师共同编写：张子豪/江子辰

其主要内容为前端主流技术的使用以及我们本人在使用中的心得体会，其中涉及框架的利与弊，在什么样的场景使用什么样的技术，是否符合市场需求，开发成本大不大，是否有利于维护，在对web安全方面有没有一个好的解决方案，包括现今各大企业涉及到的技术八股文，算法题等…

在这里插入图片描述

目前编写技术含：

✅ html/css/JavaScript
✅ TypeScript
✅ ECMAScript
✅ jQuery
✅ node/node服务框架
✅ vue（2/3）
✅ react（15-18）
✅ 动画/3D
✅ 小程序/uniapp
✅ 混合开发/跨平台技术
✅ 网络相关
✅ 性能优化
✅ 操作系统
✅ 服务端渲染
✅ 浏览器/构建管理/类库工具

编写一年，差不多十之八九，本来预计的是今年3月完结，但是感觉技术覆盖率有点小，然后我跟张老师商量了一下，加了不少！希望能够帮助更多的人学习技术进大厂吧！！这是我们的初衷！！！内容有点多，可能很多地方不太精，嗯，到时候再说吧，只是时间问题！！1

废话不多说了。。

现在主要目的就是想征集一下书名，简洁大方，能够直观的突出书的本意，现在这个很low，还特别长！！

原文地址：https://jiangwenxin.blog.csdn.net

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

mongodb-gridfs下载文件报Sort exceeded memory limit of 104857600 bytes异常
文章浏览阅读552次。com.mongodb.MongoQueryException: Query failed with error code 292 and error message 'Executor error during find command :: caused by :: Sort exceeded memory limit of 104857600 bytes, but did not opt in to external sorting.' on server 11.51.141.63:27017 _mongodb 大文件 下载失败
数据库_mongoDB
文章浏览阅读635次，点赞9次，收藏8次。MongoDB 是一种 NoSQL 数据库，它将每个数据存储为一个文档，这里的文档类似于 JSON/BSON 对象，具体数据结构由键值（key/value）对组成。
MongoDB的日期类型
文章浏览阅读2.1k次。和。_mongodb 日期类型
MongoDB Atlas Vector Search与Amazon Bedrock集成，推动在AWS上构建下一代应用程序
文章浏览阅读1.7k次。Scalestack等客户期待使用MongoDB Atlas Vector Search和Amazon Bedrock构建下一代应用程序
SpringBoot--中间件技术-3：整合mongodb，整合ElasticSearch，附案例含代码(简单易懂)
文章浏览阅读970次。SpringBoot整合中间件mongodb、ES_springboot3 elasticsearch json数据
尚医通 (二十二) --------- MongoDB 简介
文章浏览阅读673次。MongoDB 简介_尚医通sql
Linux中安装MongoDB与使用C#连接Mongo相关经验记录与总结
文章浏览阅读1k次，点赞8次，收藏9次。官网下载MongoDB安装包后进行解压（因了解并不深入，故暂不进行详细说明，自行查找其他安装方法，后期了解深入后将进行该教程的完善）在bin目录下使用命令启动：./mongod --config …/mongodb.conf。该文章任然处于完善中，如果存在错误遗漏的地方，欢迎私信联系。安装相关的nuget包后即可通过以下方法连接数据。YX9010_0@的第二十篇文章。
足够详细的MongoDB教程(1)
文章浏览阅读1.2k次，点赞17次，收藏26次。社交场景, 使用 MongoDB 存储存储用户信息, 以及用户发表的朋友圈信息, 通过地理位置索引实现附近的人, 地点等功能.游戏场景, 使用 MongoDB 存储游戏用户信息, 用户的装备, 积分等直接以内嵌文档的形式存储, 方便查询, 高效率存储和访问.物流场景, 使用 MongoDB 存储订单信息, 订单状态在运送过程中会不断更新, 以 MongoDB 内嵌数组的形式来存储, 一次查询就能将订单所有的变更读取出来.物联网场景, 使用 MongoDB 存储所有接入的智能设备信息, 以及设备汇报的日
【Python语言基础】——Python MongoDB 更新
文章浏览阅读686次。您可以使用 update_one() 方法来更新 MongoDB 中调用的记录或文档。update_one() 方法的第一个参数是 query 对象，用于定义要更新的文档。注释：如果查询找到多个记录，则仅更新第一个匹配项。第二个参数是定义文档新值的对象。_python 更新 mongodb 数据
MONGODB 的基础 NOSQL注入基础
文章浏览阅读1.3k次。首先来学习一下nosql这里安装就不进行介绍 只记录一下让自己了解mongodb。_nosql注入
MongoDB（Windows版）安装
文章浏览阅读4.1k次，点赞8次，收藏7次。在data的目录下，创建一个db文件。因为启动MongoDB服务之前必须创建数据库文件的存放文件夹，否则命令不会自动创建，而且不能启动成功。第一步：安装时，Custom是指可以自定义安装路径，然后傻瓜式安装即可（注意：先不要安装图形化工具，否则安装时间会特别长）：如果要想连接成功，必须要开服务，即mongod -dbpath C:MongoDBdatadb的cmd要一直开着。然后回车，ctrl+F输入port找到端口号，一般为：27017。打开命令行，然后找到bin文件地址，并输入。_mongodb windows安装
【数据库】MongoDB数据库详解
文章浏览阅读5.1k次，点赞3次，收藏43次。详细介绍MongoDB数据库的基本知识，安装方法，基本操作，_mongodb数据库
navicat 连接远程mongodb数据库
文章浏览阅读3.2k次。安装教程翻看以往文章。_navicat 连接mongodb
【已解决】mongodb远程连接不上
文章浏览阅读426次，点赞9次，收藏12次。win10开放端口：https://blog.csdn.net/m0_43605481/article/details/119255256。我的是阿里云服务器，所以直接在安全组中加入规则，端口范围：27017，授权对象：0.0.0.0。windows在mongodb安装文件夹的bin文件夹中的mongod.cfg。数据库名字是test，打算创建一个用户，账号aaa，密码bbb，权限readWrite。因为该用户是创建在test数据库的，所以在最后要加上test。O了，然后恢复了test的数据。
【详细教程】一文参透 MongoDB 聚合查询
文章浏览阅读1.1k次。聚合操作主要用于处理数据并返回计算结果。聚合操作将来自多个文档的值组合在一起，按条件分组后，再进行一系列操作（如求和、平均值、最大值、最小值）以返回单个结果。MongoDB的聚合查询​聚合是MongoDB的高级查询语言，它允许我们通过转化合并由多个文档的数据来生成新的在单个文档里不存在的文档信息。MongoDB中聚合(aggregate)主要用于处理数据（例如分组统计平均值、求和、最大值等），并返回计算后的数据结果，有点类似sql语句中的count(*)、groupby。..._如何将几个db的数据统整在一起做查询
springboot mongodb简单教程
文章浏览阅读680次，点赞7次，收藏8次。（2）application.properties配置文件。（4）UserService类。（5）测试和测试结果。
Studio 3T 2023.9 发布 - MongoDB 的专业 GUI、IDE 和 客户端，支持自然语言查询
文章浏览阅读1k次，点赞17次，收藏25次。Studio 3T 2023.9 (macOS, Linux, Windows) - MongoDB 的专业 GUI、IDE 和 客户端，支持自然语言查询_mongodb客户端
探寻MongoDB的世界：面试前必知的关键要点与深度洞察
文章浏览阅读1.1k次，点赞32次，收藏27次。插件式的存储引擎架构可以实现 Server 层和存储引擎层的解耦，可以支持多种存储引擎，如 MySQL 既可以支持 B-Tree 结构的 InnoDB 存储引擎，还可以支持 LSM 结构的 RocksDB 存储引擎。MongoDB 中的记录就是一个 BSON 文档，它是由键值对组成的数据结构，类似于 JSON 对象，是 MongoDB 中的基本数据单元。的简称，是 JSON 文档的二进制表示，支持将文档和数组嵌入到其他文档和数组中，还包含允许表示不属于 JSON 规范的数据类型的扩展。
基于STM32的多功能温控风扇设计
文章浏览阅读5.1k次，点赞6次，收藏96次。本文设计了一种基于智能室内温度控制的自动调速风扇。以STM32系列单片机为核心主控板，通过程序代码驱动和使用温度传感器模块实现对环境温度的实时监测，并可以实时显示环境温度。同时，可以设置温度检测的上下警告值，根据需求自行调节。_stm32 温控风扇
深入了解 Python MongoDB 查询：find 和 find_one 方法完全解析
文章浏览阅读898次，点赞13次，收藏21次。在MongoDB中，我们使用find()和find_one()方法来在集合中查找数据，就像在MySQL数据库中使用SELECT语句来在表中查找数据一样。_pymongo find_one
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot