文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

前言 最近在跟着Johnny的全栈之巅系列视频教程学习使用NodeJS+Express+Element-UI+MongoDB等开发王者荣耀，服务端server，移动端web，admin，学到了不少东西。...敬请关注 一、 入门 项目介绍 工具安装和环境搭建(nodejs,npm,mongodb) 初始化项目 二、 管理后台 基于Element UI的后台管理基础界面搭建 创建分类 分类列表...相关B站视频 1、NodeJs+VueJs全栈开发王者荣耀官网(Express+ElementUI) [第一章 + 第二章] NodeJs + VueJs (Express + ElementUI)...全栈开发王者荣耀官网(Express+ElementUI) [第五章]NodeJs+VueJs全栈开发王者荣耀官网(Express+ElementUI) 2、1小时搞定NodeJs(Express)的用户注册...、登录和授权 1小时搞定NodeJs(Express)的用户注册、登录和授权 3、NodeJs(AdonisJs)+VueJs开发带完整后台管理UI的博客系统 NodeJs(AdonisJs)+VueJs

12K20
您找到你想要的搜索结果了吗？
是的
没有找到

【图片简历】Vue.js在线简历编辑器;生成图片简历(二)

-- --> 上一篇：【图片简历】Vue.js在线简历编辑器&生成图片简历(一) 在上一期的文章中，我们已经把需求分析的差不多了。...上面的命令分别是： - 显示所有的数据库； - 创建一个数据库：resume； - 显示当前正在使用的数据库； - 在当前的正在使用的数据库中添加edition集合； - 显示当前正在使用的集合； -...在当前集合中插入一条数据； - 查看当前集合中的数据； 最为美妙的一点是，mongoDB保存数据的格式，跟json数据的格式基本是一样的。...（一） 【Js结构】用vuejs做一个简陋但好使的播放器（二） 【完工】vueJs播放器的第一版完工(三) - 全栈备忘录 【crud】全栈-在线备忘录-node-express-MongoDB...大致能学到的内容包括但不限于： - vueJs - reactJs - nodeJs - webPack - MongoDB - 常用设计模式(原型、单例、观察者) - 每周一次的作业

4.2K50

【图片简历】Vue.js在线简历编辑...(三)

在线简历编辑这个，相对来讲还是有一点点复杂的。 在上一篇文章《【图片简历】Vue.js在线简历编辑器&生成图片简历(二)》中， (1)、搞定了html2canvas.js生成html网页图片。...(2)、确定了使用mongoDB做为数据库之后，搞定了相关的命令与操作； (3)、使用nodeJs做为中间件来操作mongoDB； ? (4)、画了一个粗原型图； ? 现在就是把基本的视图结构搞出来，先用ps画了一个细致一些的UI图， ? 然后再把它搞成html页面，vueJs里大致结构是这样的， ?...结构并不复杂，就是在resume.vue中，引入userInfo、eduction、work、specialty、evaluation，共五个模块。...比较费脑子的地方在于mongoDB的数据库的结构该怎么设计比较好，简单搞的话，个人信息、教育背景、工作经历、个人特长、自我评价，五个模块对应五个数据库就可以了， ?

4.1K70

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

作为程序员，很多人都有一个自己的博客，我本来不想开发，因为有很多现成的 程序可以使用。但是现成的程序，总是各种不满意。...mongodb+redis+js 不支持服务端渲染 前端框架也用的比较乱，或者老旧的jquery，有些是vuejs 博客只是单独的博客，不支持评论，或者没有集成社区功能 没有注册功能，注册之后，普通用户无法新增文章投稿...作为程序员，很多人都有一个自己的博客，我本来不想开发，因为有很多现成的 程序可以使用。但是现成的程序，总是各种不满意。...mongodb+redis+js 不支持服务端渲染 前端框架也用的比较乱，或者老旧的jquery，有些是vuejs 博客只是单独的博客，不支持评论，或者没有集成社区功能 没有注册功能，注册之后，普通用户无法新增文章投稿...mongodb+redis+js 不支持服务端渲染 前端框架也用的比较乱，或者老旧的jquery，有些是vuejs 博客只是单独的博客，不支持评论，或者没有集成社区功能 没有注册功能，注册之后，普通用户无法新增文章投稿

1.2K30

各种IT网站收藏

git command git command 前端九部-前端入门手册 前端九部-前端入门手册 Vuejs开源项目 vuejs开源项目汇总 react开源项目汇总 一套优秀的中后台前端解决方案 网易云音乐第三方...iOS双平台 RN写的饿了么，还原度相当高，实现了各类动效 仿知乎日报 react + Ant Design + 支持 markdown 的博客前台展示 使用 react hooks + koa2 +...sequelize + mysql 搭建的前后台的博客 基于typescript koa2 react的个人博客 前端面试题 前端每日3+1 壹题汇总-木易杨 Nodejs 基于 node.js + Mongodb...构建的后台系统 Nodeclub 是使用 Node.js 和 MongoDB 开发的社区系统 基于Node.js+MySQL开发的开源微信小程序商城（微信小程序） NideShop 开源微信小程序商城服务端...API（Node.js + ThinkJS） React+Express+Mongo ->前后端博客网站 基于 node + express + mongodb 的博客网站后台 免费视频 技术胖免费视频

1.1K10

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

3 开发环境以及相关技术 系统前端基于现代浏览器，以Chrome60+为准，后端是nodejs服务器，开发语言都是JavaScript，数据库使用超越关系型的mongodb。...12)node_modules/：该目录存放了所有后端使用的nodejs第三方库，比如archiver，body-parser，ejs，express，session，mongodb等。...13)mongo_backup/：该目录存放了数据库的备份文件。管理员登录系统后可以使用“一键备份”的功能，将mongodb中重要的3个表分别导出json文件，再打包下载。...其中第一种方式是不可取的，因为将session存放在宝贵的内存中很容易被ddos攻击，剩下2种方式都是存在外存当中，相对合理得多，又由于本项目已经使用mongodb数据库了，就统一将session也存入数据库中的..._id, method: req.method }) 5.3 数据库 5.3.1 索引模块 数据库索引是最常见的优化操作，在本次的mongodb数据库中，除了本身默认的对_id字段的索引外，本系统还需要对

4.4K70

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

3 开发环境以及相关技术 系统前端基于现代浏览器，以Chrome60+为准，后端是nodejs服务器，开发语言都是JavaScript，数据库使用超越关系型的mongodb。...12)node_modules/：该目录存放了所有后端使用的nodejs第三方库，比如archiver，body-parser，ejs，express，session，mongodb等。...13)mongo_backup/：该目录存放了数据库的备份文件。管理员登录系统后可以使用“一键备份”的功能，将mongodb中重要的3个表分别导出json文件，再打包下载。...其中第一种方式是不可取的，因为将session存放在宝贵的内存中很容易被ddos攻击，剩下2种方式都是存在外存当中，相对合理得多，又由于本项目已经使用mongodb数据库了，就统一将session也存入数据库中的..._id, method: req.method }) 5.3 数据库 5.3.1 索引模块 数据库索引是最常见的优化操作，在本次的mongodb数据库中，除了本身默认的对_id字段的索引外，本系统还需要对

1.1K20

如何设计一款营销低代码可视化海报平台

编辑器的画布区域是需要动态加载组件的，如果你经常使用Vue，那我想你对Vue中的动态组件[1]肯定不陌生： <!...关于 Rollp 的使用可参考我之前的一文带你快速上手 Rollup 服务端 服务端的技术选型囊括的的东西会多一些，主要是以下几个方面： NodeJS 框架 数据库 线上服务及运维 关于框架的选型，社区有这么一个共识...其次，koa 把 Express 中内置的 router、view 等功能都移除了，使得框架本身更轻量。 综合上述因素，最终 NodeJS 框架选择的是koa2。...数据库的选择方面，像基础的作品信息（不包含作品内容）比较适合用表格形式存储，对应的也就是mysql。而作品内容一般都是JSON，这种更适合使用mongodb存储。...4总结 本篇作为《如何设计实现营销搭建系统》专栏的第一篇文章，主要从需求的背景、项目架构、技术选型三方面娓娓道来。在接下来的几篇文章中，我会分别分享编辑器、脚手架、组件库以及 CI/CD 的细节。

63230

web全栈开发是怎样炼成的？我告诉你是这样的

； 第四步，再讲NodeJs，基本操作、流、缓存、事件、中间件，理解并掌握nodeJs日常开发； 第五步，把前三步的东西放到第四步上面。...即，通过node访问项目； 第六步，reactJs，搞定n个demo项目； 第七步，vueJs，再搞定n个demo； 第八步，通过node访问mongoDB，实现crud； 从ui->html页面->js...当然了，这只是大致的步骤，这其中有无数的细节。 到今天为止，我们的WEB前端零基础课0621班，已经讲到了最后一个阶段，就是MongoDB数据库。...下面是mongoDB全栈在线备忘录的demo的一个小片段。...在视频中可以清晰的看到，已经实现了crud的操作，页面显示的内容，和数据库中的数据，是一致的， 下面是前端代码的截图片段， 下面是访问mongoDB的nodeJs的代码片段， <!

87420

Nodejs学习笔记（十）--- 与MongoDB的交互（mongodbnode-mongodb-native）、MongoDB入门

建各种字段，以后的操作中慢慢的会体会到^_^！...1.从上图操作可以看出，save也可达到insert一样的插入效果 　　2._id可以自已插入 　　3.一个表中不一定要字段都相同 　　那它们有什么区别? ? 　　...修改 　　前面save在_id字段已存在是就是修改操作，按指定条件修改语法如下 　　db.表名.update({"条件字段名":"字段值"},{$set:{"要修改的字段名":"修改后的字段值"}});...nodejs操作MongoDB 　　先用npm安装mongodb npm install mongodb 　　安装成功后，继续在上面操作创建的库和表中操作 插入 ?...“admin”数据库 　　用CMD中使用mongo.exe操作时，插入中文遇一了问题，原因是MongoDB默认编辑是utf-8，而CMD是GBK，所以在CMD窗口中执行这个命令修改编辑即可：chcp 65001

1.1K70

强烈推荐一个技术栈丰富的微电商项目luban-mall

,Super_priv FROM user where user='root'; #如果你以上查询结果Grant_priv字段的值为'N',则执行以下sql使root用户可以给其他用户授予操作权限 UPDATE...启动类中的Main 方法启动mall-admin服务，端口号为8091 4.2 启动 mall-core 项目服务 在 mall-core 项目中的启动配置项中的 redis、mongodb 和 rabbitmq...数据库连接密码需要改成mongod用户的登录密码，由于使用的是笔者腾讯云服务器上的mongodb数据库连接，笔者就不好在文中直接贴上登录密码了。...需要依赖 nodejs，所以需要提前下载安装nodejs。...nodejs 下载地址: nodejs安装包下载地址 使用git将 luban-web-admin项目克隆至本地后使用 VScode 以打开文件夹的方式打开项目，在 TERMINAL 命令行控制台中执行

1.1K10

MongoDB GridFS 怎么用

然后将文件信息存储在 fs.files 集合的唯一一份文档中。其中 fs.chunks 集合中多个文档中的 file_id 字段对应 fs.files 集中文档”_id”字段。...读文件时，先根据查询条件在 files 集合中找到对应的文档，同时得到“_id”字段，再根据“_id”在chunks 集合中查询所有“files_id”等于“_id”的文档。...fs.files 集合使用是“filename”与“uploadDate” 字段作为唯一、复合索引。fs.chunk 集合使用的是“files_id”与“n”字段作为唯一、复合索引。...如何使用 GridFS 1. shell 命令之 mongofiles MongoDB 提供 mongofiles 工具，可以使用命令行来操作 GridFS。...使用 MongoDB 提供的 API MongoDB 支持多种编程语言驱动，比如 c、java、C#、nodeJs 等。因此可以使用这些语言 MongoDB 驱动 API 操作，扩展 GridFS。

4.2K20

Vue常用经典开源项目汇总参考

vue-dragging ★86 - 使元素可以拖拽vue-slider-component ★85 - 在vue1和vue2中使用滑块vue2-loading-bar ★76 - 最简单的仿Youtube...的后台模板vue-electron ★55 - 将选择的API封装到Vue对象中的插件cleave ★55 - 基于cleave.js的Cleave组件vue-events ★54 - 简化事件的VueJS...使用Vue2服务端渲染vue-easy-renderer ★22 - Nodejs服务端渲染 辅助工具DejaVue ★543 - Vuejs可视化及压力测试vue-play ★445 - 展示Vue组件的最小化框架...项目vue-express-mongodb ★96 - 简单的前后端分离案例websocket_chat ★91 - 基于vue和websocket的多人在线聊天室photoShare ★85 - 基于图片分享的社交平台...vue-ruby-china ★70 - VueJS框架搭建的rubychina平台Zhihu_Daily ★70 - 基于Vue和Nodejs的Web单页应用vue-koa-demo ★60 - 使用

5.8K11

Node.js学习笔记（四）——NodeJS访问MongoDB与MySQL数据库

如果你想查看所有数据库，可以使用 show dbs 命令： > show dbs MongoDB 中默认的数据库为 test，如果你没有创建新的数据库，集合将存放在 test 数据库中。...可以自已插入、一个表中不一定要字段都相同，虽然insert和save方法都可以插入数据，当默认的“_id”值已存在时，调用insert方法插入会报错；而save方法不会,会更新相同的_id所在行数据的信息...删除多条 二、NodeJS访问MongoDB MongoDB对许多平台都提供驱动可以访问数据库，如C#、Java、Node.js等。...（UPDATE 语句用于更新表中已存在的记录） // 要插入到表中的数据 const user = { id: 6, usersname: '犇犇', password:'000111' } //...（数据对象的每个属性和字段一一对应的情况下可使用） const user = { id: 6, usersname: '夸夸牛', password:'000111' } // 定义SQL语句 const

3.4K20

NodeJS+Express+MongoDB

如果你想查看所有数据库，可以使用 show dbs 命令： > show dbs MongoDB 中默认的数据库为 test，如果你没有创建新的数据库，集合将存放在 test 数据库中。 ?..._id可以自已插入、一个表中不一定要字段都相同，虽然insert和save方法都可以插入数据，当默认的“_id”值已存在时，调用insert方法插入会报错；而save方法不会,会更新相同的_id所在行数据的信息...c)、批量添加 mongodb的shell中可以使用javascript脚本，如 for(var i=0;i<5;i++)db.users.save({'_id':i,'name':'zhangguo'...1.2.5、修改 前面save在_id字段已存在是就是修改操作，按指定条件修改语法如下： db.集合.update({"条件字段名":"字段值"},{$set:{"要修改的字段名":"修改后的字段值"}...三、NodeJS+Express+MongoDB示例 四、示例下载  git：https://coding.net/u/zhangguo5/p/NodeJS002/git

3.4K90

vue常用组件库_vue内置组件

vue-ssr：结合Express使用Vue2服务端渲染 vue-easy-renderer：Nodejs服务端渲染 五、Vue.js辅助工具 DejaVue：Vuejs可视化及压力测试 vue-play...的vuejs的样板项目 vue-cnode：vue单页应用demo x-blog：开源的个人blog项目 vue-express-mongodb：简单的前后端分离案例 websocket_chat...notepad：本地存储的记事本 vueBlog：前后端分离博客 vue-ruby-china：VueJS框架搭建的rubychina平台 Zhihu_Daily：基于Vue和Nodejs的Web...-VueJS：使用移动框架的示例 cnode-vue：基于vue和vue-router构建的cnodejs web网站SPA vue-cli-multipage-bootstrap：将vue官方在线示例整合到组件中...vue-easy-renderer – Nodejs服务端渲染 express-vue – 简单的使用服务器端渲染vue.js 十七、辅助工具 DejaVue – Vuejs可视化及压力测试 vue-generate-component

8K20

面向前端工程师的 Node.js 入门手册(四)

接下来看看Nodejs能不能操作这个网站的“记忆系统”呢？如果可以操作又是如何操作的呢？一起进入Nodejs与数据库的内容学习吧。...在Nodejs中，lowdb模块[1]便是被用于文件数据库的封装库，它的规范就是我们熟知的json规范，使用它无需安装其他软件，仅需要我们有nodejs环境即可。...这里就以Mongodb来看看Nodejs是如何操作非关系型数据库的。 首先安装Mongodb，这里还是推荐使用docker去安装mogodb。...Mongodb的数据Sechema，Sechema的作用就是限定存入mongodb的字段数据类型，如Number，String等基本类型。...在这里的所演示的关系型数据库采用最常用的mysql，来看看Nodejs是如何操作关系型数据库mysql的。 1.

2.6K10
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券