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

    Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台

    前言 最近在跟着Johnny的全栈之巅系列视频教程学习使用NodeJS+Express+Element-UI+MongoDB等开发王者荣耀,服务端server,移动端web,admin,学到了不少东西。...敬请关注 一、 入门 项目介绍 工具安装和环境搭建(nodejs,npm,mongodb) 初始化项目 二、 管理后台 基于Element UI的后台管理基础界面搭建 创建分类 分类列表...英雄详情页-3-前端顶部 英雄详情页-4-完善 四、发布和部署 (阿里云) 生产环境编译 购买域名和服务器 域名解析 Nginx 安装和配置 MongoDB数据库的安装和配置 git 安装、配置ssh-key...+ElementUI) [第五章]NodeJs+VueJs全栈开发王者荣耀官网(Express+ElementUI) 2、1小时搞定NodeJs(Express)的用户注册、登录和授权 1小时搞定NodeJs...4、Element UI + NodeJs(Express)全栈开发后台管理界面 Element UI + NodeJs(Express)全栈开发后台管理界面 5、全栈之巅B站官方账号、

    12.1K20

    在Express中对MongoDB数据库进行增删改查

    这两天跟着B站的Johnny老师学习NodeJs+Express+MongoDB相关的知识点,前后跟着做了1小时搞定NodeJs(Express)的用户注册、登录和授权、Element UI + NodeJs...本篇博客主要是学习在Express中如何对MongoDB数据库进行增删改查。...建立好上述开发环境后,打开VSCode,在一个目录中新建一个EXPRESS-TEST的文件夹,用于存放项目文件,新建一个server.js文件用于存放代码,test.http存放rest-client编写的接口用于测试客户端的...然后在VSCode中打开终端,使用cnpm命令安装express和MongoDB的数据库模块mongoose和cors(支持跨域),命令如下: cnpm install express cnpm install...}) 在NodeJs中对MongoDB数据库进行增删改查 连接MongoDB数据库 新建一个MongoDB数据库模型,命名为express-test const mongoose = require('

    5.3K10

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

    看到B站上全栈之巅-Node.js+Vue.js全栈开发深度爱好者和实践者,感觉Johnny博主的系列视频讲解得不错,其中看到一个视频是1小时搞定NodeJs(Express)的用户注册、登录和授权,介绍了在...Express中怎么做用户登录和注册,以及jsonwebtoken的验证,需要在系统中安装MongoDB数据库;于是在自己的Windows10系统下使用VSCode跟着做,前提是要安装好NodeJs和Express...开发环境,以及在Windows系统中配置好MongoDB数据库,关于在Windows下安装MongoDB可以参考菜鸟教程中的Windows 平台安装 MongoDB和windows环境下启动mongodb...// 从MongoDB数据库express-auth中的User表查询所有的用户信息 app.get('/api/users', async(req, res) => { const users =...参考资料 1小时搞定NodeJs(Express)的用户注册、登录和授权 全栈之巅-Node.js+Vue.js全栈开发深度爱好者和实践者 Express 4.x API Express中文官网 NodeJs

    10.2K10

    React + Node.js 全栈实战教程 - 手把手教你搭建「文件上传」管理后台

    我们在.env中为我们的应用程序配置端口 services/UploadFilesService.js: 这个文件中的函数用于文件上传和获取数据库中文件数据 后端项目结构 ├── README.md ├...Mongodb 数据库中的数据 最后将这个对象导出去。...扩展阅读:《React form 表单验证终极教程》 ✦ 后端部分 - 文件上传 Node.js + Express + Multer + MongoDB 后端部分我们使用 Nodejs + Express...routes 文件夹中,使用 Express Router 在 index.js 中定义路由 const express = require("express"); const router = express.Router...文件上传接口 图片 文件列表接口 图片 MongoDB 数据库 图片 React + Node.js 上传文件前后端一起运行 在 kalacloud-nodejs-mongodb-upload-files

    15.4K10

    Week14-服务端选型:磨刀不如砍柴功

    第一章 周介绍 1-1 本周介绍 服务端选型:所有技术为业务服务 nodejs框架选型:Koa2 数据库:Mysql Mongodb Redis 登录校验:JWT 单元测试与接口测试:Jest...线上服务:PM2 + nginx 第二章 选择nodejs框架 2-1 nodejs框架选型-开始 所用常见的nodejs框架中,Koa2是最简单、最小的 目的扩充广度,让你了解有这门技术 Koa2...本地在mongodb数据库中新建imooc_lego_course数据库,以及集合work。...此时在第三章3-3 clone的代码基础上,加入了redis配置后,执行npm run dev 发现redis连接成功了!...以后访问接口,都在header中带上token。 优缺点 优点:不占用服务器内存、多进程,多服务器,不受影响、不受跨域限制 缺点:无法快速封禁登录的用户。

    2K30

    React、TypeScript、NodeJS 和 MongoDB 搭建 Todo App

    在本教程中,我们将在服务器和客户端使用 TypeScript、React、NodeJS、Express 和 MongoDB 从头开始构建一个 Todo 应用程序。 我们从设计 API 开始。...用 NodeJS, Express, MongoDB 和 TypeScript 设计 API 启动 如果你是新手,可以看看《TypeScript 实用指南》,或者从《如何用 Node JS、Express...在终端上运行这个命令,创建一个新的 NodeJS 应用程序: yarn init 它会询问几个问题,然后初始化应用程序。你可以通过向命令中添加 -y 标志来跳过。...代码编译成纯 JavaScript 后,dist 目录将用作输出文件夹。 我们还有一个 app.ts,它是服务器的入口。控制器、类型和路由也在它们各自以它们命名的的文件夹中。...) { throw error } } export { getTodos, addTodo, updateTodo, deleteTodo } deleteTodo() 函数允许你从数据库中删除

    17K30

    入门指南:NodeJavaScript中的模板引擎

    我们还将讨论如何使用 Express.js 框架配置 Handlebars ,以及如何使用内置helpers 创建动态页面。最后,我们将了解如何在需要时开发自定义helper ?。...通过运行以下命令来安装express和express-handlebars模块: npm install --save express express-handlebars 注意:在服务器端使用 Handlebars...时,你可能会使用一个像express-handlebars这样的帮助模块,它将Handlebars与web框架集成在一起。...盘它: npm i -g nodemon 安装后,运行: nodemon app.js 在浏览器中打开 http://localhost:3000/: image.png Handlebars 更多功能...向模板传递参数 现在,让我们从页面本身中删除这些硬编码的值,这些值由路由传递进来, 在 app.js 中修改如下内容 : app.get('/', function (req, res) { res.render

    1.9K20

    基于web的项目资源分配系统

    除此之外,网站还要解决excel“无法多人同时编辑”的缺陷,即要求可以多人同时登录,同时修改数据库。...从用户的角度,很多企业管理者感受到Windows上提供的管理软件比如office,Outlook都有不够灵活,无法多人同时编辑的缺陷,无法满足日益增长的需求,尤其是传统的Excel统计工具更是异常臃肿。...express还是nodejs基金会的成员,某种意义上,express可以和node标准库相提并论 数据库采用了和nodejs搭配极佳的mongodb,后者支持易扩展的数据结构[4],后者是一个存储类json...所以本系统准备了3个编辑器对话框的异步函数,分别是登录框,person编辑框以及project编辑框。Promise从对话框打开的一瞬间开始,到用户点击确定或取消时结束。...路由配置完成后,require https模块生成服务器对象,同时导入/ssl/目录中的私钥和证书,以及之前创建的express对象,最后申请443端口号,开启服务。 3)初始化mongodb。

    4.5K70

    《后现代全栈系统的设计与应用》

    除此之外,网站还要解决excel“无法多人同时编辑”的缺陷,即要求可以多人同时登录,同时修改数据库。 从用户的角度,可以画出一个用户需求图: ?...从用户的角度,很多企业管理者感受到Windows上提供的管理软件比如office,Outlook都有不够灵活,无法多人同时编辑的缺陷,无法满足日益增长的需求,尤其是传统的Excel统计工具更是异常臃肿。...express还是nodejs基金会的成员,某种意义上,express可以和node标准库相提并论 数据库采用了和nodejs搭配极佳的mongodb,后者支持易扩展的数据结构[4],后者是一个存储类json...所以本系统准备了3个编辑器对话框的异步函数,分别是登录框,person编辑框以及project编辑框。Promise从对话框打开的一瞬间开始,到用户点击确定或取消时结束。...路由配置完成后,require https模块生成服务器对象,同时导入/ssl/目录中的私钥和证书,以及之前创建的express对象,最后申请443端口号,开启服务。 3)初始化mongodb。

    1.1K20

    Crawlab 支持Nodejs爬虫插入数据

    这对使用nodejs在crawlab上写爬虫的同学非常不友好。图片 nodejs要支持这样的效果,需要先分析crawlab爬虫任务完成后,具体是怎么写入数据库的。...二、安装mongo-express 在之前的文章Crawlab 支持Nodejs脚本执行 - 腾讯云开发者社区-腾讯云 (tencent.com) 里面安装支持nodejs的crawlab多方法基础上...,我们添加一个mongo-express镜像,用户查看数据库变化。...在 Docker-Compose 网络中,直接引用 service 名称 CRAWLAB_MONGO_HOST: "mongo" CRAWLAB_MONGO_PORT: "27017...将爬虫爬取的结果存储到步骤2的结果集里四、使用nodejs完成数据库插入 打印nodejs执行的时候都环境变量,可以看到当前的任务id和Mongodb数据库的各种链接参数图片 那我们要做的事情就很简单了

    1.2K10

    Nodejs学习路线图

    这些公司不仅是尝试在用,而且都在向Nodejs迁移。截止到2014年6月本文发稿时,已经有79693包在npm.org上面发布,而且这个数字还在快速增长中。...大内存的应用,由于V8引擎有内存设计的限制,32位环境中最大堆是1G,64位环境中最大堆也不到2G,如果要一次读入10G数据,对于Nodejs来说也无法实现。 4....mongoose 是MongoDB的对象模型工具,通过Mongoose框架,可以进行访问MongoDB的操作。 mysql 是连接MySQL数据库的通信API,可以进行访问MySQL的操作。...发布时,Hexo可以部署在自己的Node服务器上面,也可以部署github上面。...在浏览器中,调用browserify编译后的代码,同样写在标签中。 用 Browserify 的操作,分为3个步骤。1. 写node程序或者模块, 2.

    6.4K102

    PyCharm 2019.3发布,增加了哪些新功能呢?

    在某些情况下,例如在字典索引或深层嵌套的表达式中,IDE无法使用静态分析来找出其类型,而此次更新将会使代码补全变得更为智能。 ?...启用该选项后,你可以在按住Ctrl的同时,使用鼠标滚轮来放大或缩小预览。 ? 二、Python 1.文件路径联想 害怕在写文件名时打错字?...我们的核心平台的启动时间在2019.3版本中得到了进一步改善,我们将继续努力使IDE更快地启动。 现在可以在不重启IDE的情况下更改主题。 在选择预先安装的主题时或下载新主题后,都可以进行此操作。...四、数据库支持 注意此功能仅专业版才有! 1.支持MongoDB 你要在MongoDB上构建应用程序吗?那么你将很高兴地得知现在可以在PyCharm中查看MongoDB集合。...如果安装了 Handlebars插件,则现在可以在任何Python字符串中启用Handlebars代码智能。

    2.3K10

    基于 CentOS 搭建微信小程序服务

    登录后,选择 本地小程序项目 - 添加项目,使用以下配置: AppID:填写小程序的 AppID,请登录公众平台后在 设置 - 开发设置 - 开发者 ID 中查看 项目名称:填写任意您喜欢的名称 项目目录...具体操作可查看如下视频: 视频 - 运行配套小程序代码 设置实验域名 在开发工具的 编辑 面板中,选中 app.js 进行编辑,需要修改小程序通信域名[?]...Node 和 Express 搭建一个 HTTP 服务器 安装 NodeJS 和 NPM 使用下面的命令安装 NodeJS 和 NPM curl --silent --location https:/...是一款 NoSQL 数据库,支持 JSON 格式的结构化文档存储和查询,对 JavaScript 有着友好的支持 启动 MongoDB 创建目录,用于 MongoDB 数据和日志存储: mkdir...创建的用户和密码将用于下一步中连接数据库时使用,如果使用不同的用户或密码,注意要保存好 安装 Node 模块 实现小程序的会话功能,我们需要安装 [connect-mongo] 和 [wafer-node-session

    8.6K152

    node.js + mongodb 原

    、express和mongodb的安装(这里安装的都是最新版的) ### 安装: ### Nodejs的安装没什么说的。...2.现在基本的结果已经有了,之后就是创建数据库了 mongodb的安装 这里只介绍window的安装 在官网上下载zip,这个我装在D盘的mongodb目录下 1.在D盘中创建mongodb文件夹然后把下载的包解压后把其中的...bin文件夹拷贝到创建的mongodb文件夹中, 2.然后在mongodb文件夹中创建一个data文件夹,再在data文件夹中创建db文件夹 3.打开CMD命令行 >d: >cd mongodb\bin...接着就设计我们的数据库了 在刚才的打开的mongodb数据库中输入: >use chihuo \\创建一个叫chihuo的数据库 >db.createCollection("users") \\创建一个集合...>db.users.find() \\查询你添加的文档 再接着就是在项目中连接刚才创建的数据库了 在项目根目录下创建一个的文件夹database,然后在创建一个 db.js ?

    2K40
    领券