首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

使用Vue和Node.js构建个人博客网站的基本指南

在本篇指南中,我们将一步步使用Vue.js(前端)和Node.js(后端)构建一个简单而强大的个人博客网站。我们将介绍项目的创建、前端和后端的搭建、数据的存储以及如何将它们整合在一起。...Node.js后端在博客项目的根目录中,创建一个名为my-blog-server的文件夹。...在该文件夹内运行以下命令来初始化Node.js项目:bashCopy codenpm init -y然后,安装Express和Mongoose:bashCopy codenpm install express...Vue.js页面在Vue.js项目中,你可以创建博客列表页面、博客详情页面等。...以上就是使用Vue.jsNode.js构建个人博客网站的基本步骤。你可以根据需求进一步完善前后端逻辑、页面设计以及添加用户认证等功能。

35520

beautySmallHuangStation 美女小站来啦

基于Koa2+MongoDB实现用户注册登录 vue + koa2 实现 session | token 登陆状态验证 mongoose增加,查询,删除,更新数据 websocket 阮一峰 websocket...教程 网站简介 一个专注于分享美女小黄图的网站,一个有趣的网站,一个具有后端管理系统,小程序一整套的网站。...搜索美女图片功能 确认用户是否是选择男还是女的 图片预览功能 详情 用户点赞,评论,收藏 可以订阅别人的相册 可以创建相册 首页 用户中心 创建相册 流程 创建用户可以创建相册,可以给这个相册上传图片...,可以给这些相册设置 vip 权限,或者免费权限,或者设置部分付费 个人中心,随机生成头像,详情简介,我的相册,我的收藏, 技术栈 前端 vue3+ts+vite2 taro+vue3 后端 node...koa2 mongodb mongoose 后端项目目录 bin www config session.config.js token.coonfig.js controller dbhelper dbconfig.js

3.3K70

NodeJS学习一(创建启动服务)

Web应用框架,用于创建Web应用 "markdown": 解析语法生成模板 "mongoose": mongodb数据库操作 "swig": 模板解析引擎 目前用到的就这些,有其他需求后面可以再安装...在blog文件夹下进入终端,安装这些模块: npm install body-parser cookies express markdown mongoose swig 安装完成后会在blog下面生成node_modules...": "^5.6.0", "swig": "^1.4.2" } } 2.创建应用目录 db:数据存储目录 models:数据库模型文件目录 public:公共文件目录(js,css等)...routers:路由文件目录 node_modules:NodeJS第三方模块目录 shcemas:数据库结构文件目录 views:模板视图文件目录 app.js:应用启动文件入口 ?...3.启动第一个服务 项目的入口文件为app.js,因此在app.js里面编辑代码创建服务,用到了express模块​​; 先加载express模块​​,然后创建app应用,并绑定一个路由用于展示页面,规定监听端口

78320

最近几天开发了一个多人博客+BBS系统

系统介绍 本系统博客+论坛于一体的系统。支持用户注册,写博客与发帖子。 采用的技术栈也简单,前后端都是 JS, 数据库只有 mysql。...mongodb+redis+js 不支持服务端渲染 前端框架也用的比较乱,或者老旧的jquery,有些是vuejs 博客只是单独的博客,不支持评论,或者没有集成社区功能 没有注册功能,注册之后,普通用户无法新增文章投稿...系统介绍 本系统博客+论坛于一体的系统。支持用户注册,写博客与发帖子。 采用的技术栈也简单,前后端都是 JS, 数据库只有 mysql。...mongodb+redis+js 不支持服务端渲染 前端框架也用的比较乱,或者老旧的jquery,有些是vuejs 博客只是单独的博客,不支持评论,或者没有集成社区功能 没有注册功能,注册之后,普通用户无法新增文章投稿...支持用户注册,写博客与发帖子。 采用的技术栈也简单,前后端都是 JS, 数据库只有 mysql。

1.2K30

深入浅出mongodb(一)

萧伯纳 前言 在大数据的驱使下,我们要实现数据持久化存储,数据共享,数据集中管理数据库是不二之选,小编在这里要阐述的是 mongodb 数据库,mongodb[1]是一个基于分布式文件存储的开源数据库系统...开发中,MongoDB 是支持 JavaScript 语言的,mongoose[3]就是 node.js 异步环境提供连接 mongodb 的一个库。...2. mongoose 2.1 安装 npm i mongoose -S 2.2 使用 在 node.js 里采用的是CommonJS[4]的规范,需要我们采用 require 的方法来引入需要的包。...// use mongoose const mongoose = require("mongoose"); 2.3 创建连接 //引入mongoose模块 let mongoose = require(..."mongoose"); //创建对数据库的连接 let connect = mongoose.createConnection( 'mongodb://127.0.0.1:27017/cms'

3.9K10

mongoDB从入门到实战全套小白教程

/78702674 mongoDB入门教程四:安装Node+express环境支撑 mongoDB搭建完成之后,可以做很多小的项目,常见的又搭建简易的登陆系统,搭建博客等等,最重要的支持就是要用到Node...+express,所以小婷顺便把这些也写一写,接下来要做的是一个基于mongoDB+Node+express搭建的登陆注册的后台管理系统流程示例。...官方教程:http://www.runoob.com/nodejs/nodejs-tutorial.html 1:安装node 端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,...简单的介绍一下啊 项目创建成功之后,生成四个文件夹,主文件app.js与配置信息文件packetage.json bin是项目的启动文件,配置以什么方式启动项目,默认 npm start public...var mongoose = require("mongoose"); // 顶会议用户组件 var Schema = mongoose.Schema; // 创建模型 var userScheMa

1.8K30

使用NodeJs(Express)搞定用户注册、登录、授权

最近在学些NodeJs和Express框架开发后台接口,Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能。...看到B站上全栈之巅-Node.js+Vue.js全栈开发深度爱好者和实践者,感觉Johnny博主的系列视频讲解得不错,其中看到一个视频是1小时搞定NodeJs(Express)的用户注册、登录和授权,介绍了在...Express中怎么做用户登录和注册,以及jsonwebtoken的验证,需要在系统中安装MongoDB数据库;于是在自己的Windows10系统下使用VSCode跟着做,前提是要安装好NodeJs和Express...cnpm install jsonwebtoken cnpm install bcryptjs cnpm install mongoose 然后分别在EXPRESS-AUTH文件夹下创建test.http...参考资料 1小时搞定NodeJs(Express)的用户注册、登录和授权 全栈之巅-Node.js+Vue.js全栈开发深度爱好者和实践者 Express 4.x API Express中文官网 NodeJs

9.4K10

Vue + Node + Mongodb 开发一个完整博客流程

前言 前段时间刚把自己的个人网站写完, 于是这段时间因为事情不是太多,便整理了一下,写了个简易版的博客系统。 服务端用的是 koa2框架 进行开发。...说明: build - webpack的配置文件 code - 放置代码文件 config - 项目参数配置的文件 logs - 日志打印文件 node_modules - 项目依赖模块 public...通过 mongoose 链接 mongodb import mongoose from 'mongoose' import conf from '....readWrite",db:'test'}]})(mongodb 注册用户) 4. cnpm run dev:admin 启动后台管理界面 5.登录后台管理界面录制数据 6.登录后台管理时需要在数据库 创建...: admin 密码: 123456 7. cnpm run dev:client 启动前台页面 想撸的直接上手跟我来, 项目地址:https://github.com/cd-dongzi/vue-node-blog

2K50

关于 Node.js 的认证方面的教程(很可能)是有误的

原文地址:Your Node.js authentication tutorial is (probably) wrong 我搜索了大量关于 Node.js/Express.js 认证的教程。...在业余时间,我一直在挖掘各种 Node.js 教程,似乎每个 Node.js 开发人员都有一个博客用来发布自己的教程,讲述如何以正确的方式做事,或者更准确地说,他们做事的方式。...让 Node/Express 成为开发人员使用的更安全的生态系统。 错误一:凭证存储 让我们从凭证存储开始。...可以无视一些来自 Mongoose 的警告,我们可以输入 http://localhost:8080/setup 来创建用户,然后通过使用 “Nick Cerminara” 和 “password” 的默认凭证调用...Node.js 生态系统虽然容易接近,但对需要匆忙编写部署于生产环境的 Web 应用程序的 JavaScript 开发人员来说,仍然有很多尖锐的未解决的点。

4.5K90

使用MongoDB和Express开发NoSQL数据库应用的详细教程

步骤1:安装Node.js、Express和MongoDB首先,确保你的系统中已经安装了Node.js和MongoDB。.../installation/安装完成后,通过以下命令检查Node.js和MongoDB的版本:node -vnpm -vmongod --version同时,安装Express.js:npm install...-g express步骤2:创建Express.js应用使用以下命令在命令行中创建一个新的Express.js应用:express myappcd myappnpm install这将在当前目录下创建一个名为...步骤3:连接MongoDB在myapp目录下,安装mongoose,这是一个用于在Node.js中连接MongoDB的库:npm install mongoose在app.js中添加以下代码,以连接到MongoDB...步骤4:定义数据模型在myapp/models目录下创建一个新文件user.js,定义一个简单的用户数据模型:// models/user.jsconst mongoose = require('mongoose

21310

Node.js 搭建一个 API 接口服务(实战)

作者@T谷子 | 地址@https://juejin.im/post/5eb3e1b4e51d45244e7c2d09 前言 因为最近打算自己搭建一个自己的博客系统,用来记录日常的学习和提升一下写作水平...言归正传,Node.js是一个运行在服务端的框架,它底层使用的是V8引擎,它的速度非常快,并且作为一个前端的后端服务语言,还有其他吸引人的地方: 异步I/O 事件驱动 单线程 跨平台 而且,最最最最重要的一点就是...:关系数据库管理系统)应用软件之一 Mongodb 为什么用了mysql还要用mongodb呢?...// ... } export default new AccLogRoute() 说到这边,不得不提一句哈,就是路由可以引入装饰器写法,这样能减少重复工作和提高效率,有兴趣的同学可以看我上一篇博客哈...来做的,后来感觉做的日志模块还没达到预期,所以就决定先暂时用pm2的日志系统来代替log4。

7.1K31

使用node和express+mongodb实现数据增删改功能

今天小编就写一遍关于node写接口的文档,会从环境搭建,数据库链接,数据模型,接口文档以及到测试,一步一步的来,尽最大可能写好,让每一位读者都能看懂,文章可能过程,希望慢慢理解    2018最后的一篇博客...初始化之后会出现下面这个界面,会在我们的文件中生成一个package.json文件; 2.3在自己根目录创建一个入口文件,app.js文件或者通过终端命令touch app.js创建一个文件...,这样我们的数据库就已经创建完成了,接下来我们可以使用node链接我们的数据库了 4.node链接MongoDB 4.1安装mongoose链接数据库 cnpm install mongoose...4.2然后在你的入口文件引入(app.js), const mongoose require('mongoose') 4.3在我们的根目录创建一个config文件,在confing中创建一个...在根目录创建models文件,然后创建Userinfo.js文件,用于写数据字段模型。

1.6K40
领券