从vue小白到高手,从一个内容管理网站开始实战开发第三天,使用Element UI构建页面-登录(一)

13 篇文章 0 订阅 ¥19.90 ¥99.00

上次我们介绍了如何安装Element UI库,这次我们使用Element UI中的组件开始开发我们的页面。

开发之前要先在项目中建立好几个目录,方便我们下面的开发。

一、在项目中创建页面管理目录

1、pages目录(文件夹)

首先在src文件夹下创建一个名为pages的文件夹,该文件夹用来统一存放项目的所有页面,这样方便后期的开发、管理和维护

 让后在pages文件夹分别创建,login文件夹、home文件夹、error文件夹以及article文件夹

 2、login目录(文件夹)

login文件夹用来存放后台登录页面

3、home目录(文件夹)

home文件夹用来存放登录后的管理页面

4、error目录(文件夹)

error文件夹是用来存放用于错误的友好提示页面

5、article目录(文件夹)

article文件夹是用来存放内容管理页面的(发布文章、修改文章、删除文章、审批文章等)。

二、vue-cli项目中assets、components、app.vue、main.js的作用

介绍到这里,顺便介绍一下src文件夹下其他两个文件夹(assets、components)以及文件app.v

  • 8
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

凯杨1319

您的打赏是我持续创作的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值