| 从零开始创建一个个人博客前端Vue，后端node.js（第一天） | 您所在的位置：网站首页 › 建立一个个人网站的流程图 › 从零开始创建一个个人博客前端Vue，后端node.js（第一天） |
从零开始创建一个个人博客前端Vue，后端node.js（第一天）
|
一、前言（具体代码在尾页）
1、创建vue项目可以使用vue ui命令进行快速的搭建 2、由于我是一个新手所以说，前端使用的是element ui快速构造了一个网页（头秃，没有设计稿，ui空白一片），对于新手程序员的话如果说没有比较适合练手的项目，也可以试试搭建一个，比较考验自己的学习成果 3、第一天只是把登录界面的前台登录，和后端的请求交互进行了一下处理（在老家，过年事情比较多，还没有空调，做一个小时就冷的很，第一天也就搞了有两三个小时吧）
此处贴一个登录页的图 二、前端实现过程1、页面布局 采用element ui的container布局容器进行了基本的页面构造：一个头部，和主页面区域 2、前端实现表单数据的验证 此处是使用的是form表单的表单验证，使用element ui 的话很方便，此处在官网截取了一小段验证规则的写法（是不是超级简单），虽然说前端进行了数据的基本的校验，但是在数据发送到后端的时候还是需要进行数据的校验的（此处是后话了） rules: { name: [ { required: true, message: '请输入活动名称', trigger: 'blur' }, { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' } ],此处是粘了一个校验的结果（失去焦点时触发）
3、登录成功和登录失败时弹出的消息提醒 |
【本文地址】
公司简介
联系我们