最强的森_个人页

2021年08月

• 08.20 11:34:35
  发表了文章 2021-08-20 11:34:35

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-14-6.迁移本地数据到服务器（mongodump）

  如题，将本地Mongodb数据库数据迁移到服务器中。

  
• 08.20 11:32:44
  发表了文章 2021-08-20 11:32:44

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-14-5.配置Nginx反向代理

  一键生成反向代理文件，并部署到nginx服务器。

  
• 08.20 11:30:50
  发表了文章 2021-08-20 11:30:50

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-14-4.git拉取代码到服务器

  国内的码云gitee使用。

  
• 08.20 11:29:33
  发表了文章 2021-08-20 11:29:33

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-14-3.nginx配置web服务器并安装网站环境

  每次我们登录服务器都需要到登录阿里云进入实例，而为了更方便且一些后续工作的执行，现在下载git bash进行ssh命令远程连接服务器。

  
• 08.20 11:28:44
  发表了文章 2021-08-20 11:28:44

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-14-2.购买域名服务器并解析域名到服务器

  以阿里云为例，之前使用PHP搭建网站时就开始使用，售前售后运营工作人员解决问题很好，非常方便。

  
• 08.19 14:16:09
  发表了文章 2021-08-19 14:16:09

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-14-1.生产环境编译

  将vue文件编译成静态文件，为项目上线做准备。

  
• 08.19 14:14:07
  发表了文章 2021-08-19 14:14:07

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-13-6.卡片组件的封装

  DIY一个卡片组件。

  
• 08.19 14:12:38
  发表了文章 2021-08-19 14:12:38

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-13-5.使用字体图标（iconfont）

  如何正确使用字体图标

  
• 08.19 14:11:19
  发表了文章 2021-08-19 14:11:19

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-13-4.vue广告轮播图，并使用接口引入数据

  web端仿照admin端制作接口

  
• 08.19 14:09:38
  发表了文章 2021-08-19 14:09:38

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-13-3.使用flex布局并开始搭建web端

  lex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。 其中justify-content(水平方向对齐)属性和align-content(垂直方向对齐)属性更方便地解决元素的对其、分布方式

  
• 08.19 14:07:48
  发表了文章 2021-08-19 14:07:48

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-13-2.sass工具的变量

  上篇文章我们学习了如何在node + vue中安装sass工具，并对 嵌套 (nested rules) 功能做出了演示，本篇文章我们对sass工具的另一大功能 变量(variables) 进行学习和使用。

  
• 08.19 14:06:46
  发表了文章 2021-08-19 14:06:46

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-13-1.使用sass工具搭建前台web端页面

  Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理样式文件，以及更高效地开发项目。

  
• 08.19 14:05:42
  发表了文章 2021-08-19 14:05:42

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-12-4.登陆的前端vue-router路由验证（导航守卫）

  上篇文章我们发现有些不使用任何接口的页面，在不登陆状态下是可以进行访问的，所以本篇文章解决一下这个问题。

  
• 08.19 14:04:35
  发表了文章 2021-08-19 14:04:35

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-12-3.登陆的token验证（校验登录）

  token验证的实现方式很简单，只需要在所有后端接口中添加一个验证是否存在token的中间件即可，接口的访问过程是调用→运行→返回数据。所以我们在接口调用之后、运行之前的位置加一个验证token的函数作为接口的中间件，从而验证到非登录人员，将其页面跳转到登陆页面即可。

  
• 08.19 14:03:32
  发表了文章 2021-08-19 14:03:32

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-12-2.管理员登录

  上篇文章使用了bcryptjs对密码进行了加密，既然加密后的密码是不可逆的，那么保存后的密文又如何被验证识别呢？ 仍然使用bcryptjs，其中的compareSync来比较密码和数据库的密文。

  
• 08.19 14:01:08
  发表了文章 2021-08-19 14:01:08

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-12-1.管理员模块

  网站的必备功能：用户登录。 用户登录功能是网站安全的一大重点，网站做的再好看，再完善，如果没有一个安全的管理员通道，都算不上一个成功的网站。今天起的几篇文章对用户登录进行专门学习。 本篇文章我们将管理员模块实现。

  
• 08.19 14:00:05
  发表了文章 2021-08-19 14:00:05

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-11.动态添加分栏上传多组数据

  例如有些时候需要上传多张图片，但是并不确定留下几个图片位，这是我们就想手动添加图片位，从而实现自定义数量图片的上传。我们以广告上传为例，上传多个广告。

  
• 08.19 13:59:04
  发表了文章 2021-08-19 13:59:04

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-10.vue的富文本编辑器（vue2-editor）

  文章的发布功能中，我们希望像写文档一样发布一整篇带标题、分段、加粗等效果的文章，而不是单纯的一段文本，这时就需要用到富文本编辑器。富文本编辑器有很多版本，他们样式不同，使用方法不同。 本篇这里我们在npm下载并使用vue相关的富文本编辑器：vue2-editor。

  
• 08.19 13:57:57
  发表了文章 2021-08-19 13:57:57

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-9.图片上传

  之前我们做出了分类功能模块，同时在分类中实现了无限级分类关联；又制作文章功能模块，利用文章做出了多个分类的关联。本篇文章我们再建立一个技能模块，用来讲解图片的上传功能实现。

  
• 08.19 13:56:51
  发表了文章 2021-08-19 13:56:51

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-8.server端使用通用CRUD接口

  CRUD是指在做计算处理时的增加(Create)、检索(Retrieve)、更新(Update)和删除(Delete)几个单词的首字母简写。CRUD主要被用在描述软件系统中数据库或者持久层的基本操作功能。

  
• 08.19 13:55:44
  发表了文章 2021-08-19 13:55:44

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-7.mongodb数据库关联多个分类（关联多个数据）

  nodejs模型关联如何关联多个分类？

  
• 08.19 13:54:13
  发表了文章 2021-08-19 13:54:13

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-6.mongodb数据库无限层级的数据关联（子分类）

  nodejs中模型的关联非常方便。

  
• 08.19 13:39:30
  发表了文章 2021-08-19 13:39:30

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-5.mongoodb数据库的“删、改、查”操作

  上篇我们说了上传数据，也就是数据库的增加数据，本节我们探索一下“删、改、查”数据。

  
• 08.19 13:38:10
  发表了文章 2021-08-19 13:38:10

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-4.使用axios，并创建接口上传数据到mongodb数据库

  根据我的业务范围，设想网站内容分为三类，设计、开发、小程序，设计中有二级分类平面设计、UI设计，平面设计又有三级分类包括VI设计、名片设计、LOGO设计…之后网站发布的不管是文章还是合作订单，全部归属到这些类别中，这样就需要用到数据的关联。

  
• 08.19 13:33:31
  发表了文章 2021-08-19 13:33:31

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-3.element-ui和vue-router路由的安装和使用

  只要学会了路由，就可以搭建我们的项目了，只要审美没问题，就可以搭建出一个漂亮的静态网站，现在大家可以根据自己的需求把后台的页面和路由做出来了。 要制作一个动态网站，后续还要有很多需要学习借鉴的东西。

  
• 08.19 13:02:41
  发表了文章 2021-08-19 13:02:41

  技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-2.启动项目

  使用vscode初始化项目。

  
• 08.19 12:37:19
  发表了文章 2021-08-19 12:37:19

  技能学习：学习使用node.js + vue.js，开发前端全栈网站-1.工具和本地环境

  Node.js 运行环境是引领前端开发人员的“一道光”，让前端开发人员**仅**利用已掌握的 js 语言就可以实现对网站服务器环境的搭建与运行。打破了以往前后端分工合作、交流对接的惯性习惯。 相对于传统PHP、JAVA开发，Node.js 附带的npm更方便、快捷地让前端开发人员更快、更方便地使用和获取其他前端大神封装好的 js 类库和精美UI样式库，舍去不同语言和不同编码的切换过程。