技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-13-4.vue广告轮播图，并使用接口引入数据
1.下载组件包Vue-Awesome-Swiper并引入Vue-Awesome-Swiper链接cd web npm i vue-awesome-swiper2.使用vue-swiper在首页组件Home.vue中使用该组件，使用方法为外层 < swiper > 内部 < swiper-slide > 。此时已经可以拖动轮播了：3.引入广告数据（1）在server端创建路....
技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-13-1.使用sass工具搭建前台web端页面
关于sass:Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理样式文件，以及更高效地开发项目。点击链接可进入sa....
技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-12-4.登陆的前端vue-router路由验证（导航守卫）
上篇文章我们发现有些不使用任何接口的页面，在不登陆状态下是可以进行访问的，所以本篇文章解决一下这个问题。1.使用导航守卫导航守卫是在路由定义之后，进行使用之前进行的相关函数操作。类似中间件，可以说实际上他就是一个钩子函数的中间件。// 导航守卫 router.beforeEach((to, from, next) => { // 打印to，查看内容 console.log(to) ...
技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-12-2.管理员登录
上篇文章使用了bcryptjs对密码进行了加密，既然加密后的密码是不可逆的，那么保存后的密文又如何被验证识别呢？仍然使用bcryptjs，其中的compareSync来比较密码和数据库的密文。1.制作登陆页面登陆页面不使用Main.vue带有左侧菜单的布局，所以与Main.vue的路由链接“/”同级。Login.vue:<template> <div class="lo...
技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-11.动态添加分栏上传多组数据
例如有些时候需要上传多张图片，但是并不确定留下几个图片位，这是我们就想手动添加图片位，从而实现自定义数量图片的上传。我们以广告上传为例，上传多个广告。1.仿照分类组件编写广告位模块AdSet.vue:<template> <div> <h1>{{id ? '编辑' : '创建'}}广告位</h1> <e...
技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-10.vue的富文本编辑器（vue2-editor）
文章的发布功能中，我们希望像写文档一样发布一整篇带标题、分段、加粗等效果的文章，而不是单纯的一段文本，这时就需要用到富文本编辑器。富文本编辑器有很多版本，他们样式不同，使用方法不同。本篇这里我们在npm下载并使用vue相关的富文本编辑器：vue2-editor。1.安装vue2-editor网址：https://www.npmjs.com/package/vue2-editor我们在admin端....
技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-8.server端使用通用CRUD接口
1.什么是CRUDCRUD是指在做计算处理时的增加(Create)、检索(Retrieve)、更新(Update)和删除(Delete)几个单词的首字母简写。CRUD主要被用在描述软件系统中数据库或者持久层的基本操作功能。目的是我们将常用的增、删、改、查操作封装在一套接口组件中，在多个功能中重复调用这一套接口组件，从而使代码更精简，同时提升开发效率。2.在本项目中的接口优化实现方法说明我们根据已....
技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-6.mongodb数据库无限层级的数据关联（子分类）
现在我们已经做出了分类的增删改查功能，并且将设计与开发作为一级分类，下面我们要为一级分类添加二级分类。如平面设计、3D设计为二级分类关联到设计分类中，将网站开发、小程序开发归属到开发分类中。1.更改新建分类页面CategorySet.vue设置上级分类parent，位于分类名之上:<el-form-item label="上级分类"> <el-select v-mode...
技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-5.mongoodb数据库的“删、改、查”操作
上篇我们说了上传数据，也就是数据库的增加数据，本节我们探索一下“删、改、查”数据。先将所有代码给大家看一下，避免学习过程出错找不到问题。admin/src/views/CategoryList.vue:<template> <div> <h1>分类列表</h1> <el-table :data="ite...
技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-3.element-ui和vue-router路由的安装和使用
1.安装element-ui模块框架，优化后台页面element-ui可以使用vue-cli脚手架直接安装，且vue中的初始页面组件用的就是element-ui框架class名，应该是vue官方推荐的。我们开始以admin为例，因为一个动态网站的制作先以后台为始，将我们想要呈现的内容做好上传接口，后续前台开发时直接连接到后台数据会很方便看效果。终端输入：cd admin //进入admin端vu....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
node.js您可能感兴趣
- node.js算法
- node.js SDK
- node.js设备
- node.js结构
- node.js软件
- node.js局域网
- node.js分析
- node.js监控
- Node.js应用
- node.js自动化
- node.js安装
- Node.js开发
- node.js模块
- node.js express
- node.js js
- node.js版本
- node.js服务器
- node.js构建
- node.js项目
- node.js NPM
- node.js报错
- node.js节点
- node.js框架
- node.js环境
- node.js前端
- node.js部署
- node.js配置
- node.js API
- node.js文件
- node.js MySQL
开发与运维
集结各类场景实战经验，助你开发运维畅行无忧
+关注