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

上次我们介绍了如何安装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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/319604.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

uniCloud 云数据库(新建表、增、删、改、查)

新建表结构描述文件 todo 为自定义的表名 表结构描述文件的默认后缀为 .schema.json 设置表的操作权限 uniCloud-aliyun/database/todo.schema.json 默认的操作权限都是 false "permission": {"read": false,"create": false,"update&quo…

Kotlin采集美团商家信息 同行竞争价格监控

“南方小土豆”挤爆哈尔滨旅游市场,一个冬天让哈尔滨火出了圈,让全国观众看见了不一样的逆向旅游热,虽说我心驰神往,但是无奈加班敲代码,连休息的时间都没有。前段时间我通过用java写了一个美团爬虫程序,今…

Java中的序列化方法探索

.为什么要序列化 对象不序列化,能直接存储吗? 在 Java 中,序列化是将对象的状态信息转换为可以存储或传输的形式(例如,转换为字节流)的过程。在对象数据需要在网络上传输或需要在磁盘上持久化存储时&#…

设计模式之原型模式【创造者模式】

学习的最大理由是想摆脱平庸,早一天就多一份人生的精彩;迟一天就多一天平庸的困扰。各位小伙伴,如果您: 想系统/深入学习某技术知识点… 一个人摸索学习很难坚持,想组团高效学习… 想写博客但无从下手,急需…

2023年.AI域名销售额达550万美元 2024还要继续涨

根据域名投资专家Elliot Silver的最新文章,2023年公开报道的.AI域名销售额已经达到了550万美元,而2022年和2021年分别为90万美元和120万美元。 Silver观察到过去几年.AI域名销售额呈现逐年增长的趋势,尤其是2023年的销售额相较前两年有了显著…

高效的输电线路故障监测系统:实时监测、预防性维护

在电力系统中,输电线路的健康状态直接关系到电网的安全稳定运行。然而,由于线路的广泛分布和长距离特性,故障的检测和定位变得极其困难。为了解决这一问题,恒峰智慧设计了一种全新的高效输电线路故障监测系统,该系统采…

进程和计划任务

一、什么是程序 是一组计算机能识别和执行的指令,运行于电子计算机上,满足人们某种需求的信息化工具 用于描述进程要完成的功能,是控制进程执行的指令集 二、进程 1.什么是进程 进程:正在运行中的程序,加载到内存…

静态网页课程设计——十二花信(花朵科普)(HTML+CSS+JavaScript)

前言 使用技术:HTMLCSSJS 主要内容:对十二个月每个月的适应季节的花朵进行科普。 主要内容 1、首页 首页顶部由标题栏和一张花朵的图片组成。 下半部分对十二花信进行了简单的科普介绍,分别为一月梅花、二月杏花、三月桃花等等。。 部…

Java 跨平台实现

Java 跨平台实现 1. Java虚拟机(JVM)2. 中间代码(字节码)3. Write Once, Run Anywhere (WORA)4. Java 标准库5. 安全性与隔离6. Java Community Process (JCP) Java 的跨平台性主要是通过以下几个关键机制来实现的: 1…

Java设计模式:状态模式

❤ 作者主页:欢迎来到我的技术博客😎 ❀ 个人介绍:大家好,本人热衷于Java后端开发,欢迎来交流学习哦!( ̄▽ ̄)~* 🍊 如果文章对您有帮助,记得关注、点赞、收藏、…

天融信TOPSEC Cookie 远程命令执行漏洞

产品介绍 天融信TopSec 安全管理系统,是基于大数据架构,采用多种技术手段收集各类探针设备安全数据,围绕资产、漏洞、攻击、威胁等安全要素进行全面分析,提供统一监测告警、集中策略管控、协同处置流程,实现客户等保合…

GZ075 云计算应用赛题第5套

2023年全国职业院校技能大赛(高职组) “云计算应用”赛项赛卷5 某企业根据自身业务需求,实施数字化转型,规划和建设数字化平台,平台聚焦“DevOps开发运维一体化”和“数据驱动产品开发”,拟采用开源OpenSt…