大事件项目04-注册和登录两个页面的准备

简介: 大事件项目04-注册和登录两个页面的准备

1、创造页面的组件及路由

2、给他结构,默认的组件名,新建一个login,也是一个默认的组件结构

3、接下来,以路由懒加载的方式,配两个组件

4、之后加一个挂载点

5、register,新建register文件夹

6、在这两个页面中创建index页面

7、路由懒加载技术

8、手动切换页面发现没有问题

9、项目07的准备

10、如何完成注册页面的布局,完成注册页面的布局,已经三个输入框的表单

11、如何让一个盒子在父级容器的div内,水平居中

12、 插入图片,背景铺满

13、上下50%

14、下面的盒子也是100%,出现了一个bug,为什么背景图没有出来,因为%,参照的是父级的高度,父级没有高

15、让这个div得有高

16、组件会渲染到这里

17、如果你在外面有一个包着的div,你可以再给他个100%,就可以解决问题了

18、注册页面的样式分析和标签准备

19、设计图的表单跟element-UI的设计非常相近

20、shift+alt+F实现对齐,看图说话,链接标签

21、可以用Link文字的链接组件

22、出掉label

23、输入占位文字

24、如何把前端的对象发给后台,使用V-model绑定数据  

25、常规写法是你用axios去发:

25.1 axios后台里的key名,是你要带给后台的key名

26、最好的方法,是直接把username一放,因为对象里的key,正好就是后台要的参数名,

27、绑定的属性名最好要跟参数名一致

28、变量要定义一下

29、变量也绑完了,包括点击事件

30、注册的点击事件,我也给他声明一下

31、我不是将左边的label去掉了,为什么最后还是占着这个位置

32、这个是控制label的宽度的

33、你可以给他加一个class100%

34、最后进行git 提交


相关文章
|
Python Windows
Anaconda环境与Python的配置方法
本文介绍在Win10电脑中,安装Anaconda环境与Python语言的方法~
5013 1
Anaconda环境与Python的配置方法
|
机器学习/深度学习 人工智能 自然语言处理
《零样本学习:突破瓶颈,开启智能新征程》
零样本学习是人工智能的前沿研究方向,旨在让机器在无特定类别样本的情况下通过推理识别新类别。其主要挑战包括数据匮乏、知识表示不准确、模型泛化能力不足及语义理解困难。解决方案涉及知识图谱、强化学习、迁移学习、多模态融合和生成式模型等技术。未来,随着技术进步,零样本学习有望实现突破并在各领域广泛应用。
431 10
|
测试技术 数据安全/隐私保护 Python
大麦网抢票攻略:使用Python Selenium实现
大麦网抢票攻略:使用Python Selenium实现
|
机器学习/深度学习 数据挖掘 大数据
大数据时代的“淘金术”:Python数据分析+深度学习框架实战指南
在大数据时代,数据被视为新财富源泉,而从海量信息中提取价值成为企业竞争的核心。本文通过对比方式探讨如何运用Python数据分析与深度学习框架实现这一目标。Python凭借其强大的数据处理能力及丰富库支持,已成为数据科学家首选工具;而TensorFlow和PyTorch等深度学习框架则为复杂模型构建提供强有力的技术支撑。通过融合Python数据分析与深度学习技术,我们能在各领域中发掘数据的无限潜力。无论是商业分析还是医疗健康,掌握这些技能都将为企业和社会带来巨大价值。
498 6
|
消息中间件 Kafka 测试技术
【Kafka揭秘】Leader选举大揭秘!如何打造一个不丢失消息的强大Kafka集群?
【8月更文挑战第24天】Apache Kafka是一款高性能分布式消息系统,利用分区机制支持数据并行处理。每个分区含一个Leader处理所有读写请求,并可有多个副本确保数据安全与容错。关键的Leader选举机制保障了系统的高可用性和数据一致性。选举发生于分区创建、Leader故障或被手动移除时。Kafka提供多种选举策略:内嵌机制自动选择最新数据副本为新Leader;Unclean选举快速恢复服务但可能丢失数据;Delayed Unclean选举则避免短暂故障下的Unclean选举;Preferred选举允许基于性能或地理位置偏好指定特定副本为首选Leader。
482 5
|
运维
老司机,思路就是清晰!Eth-Trunk无法转发流量竟然是这样定位的!
老司机,思路就是清晰!Eth-Trunk无法转发流量竟然是这样定位的!
300 0
【下载问题】下载的文件内容显示[object],[object]
摘要:解决下载文件显示[object],[object]的问题,关键在于文件内容处理。原代码`const temp = [res.data]`未对接口返回的数据进行字符串转换。修改为`const temp = [JSON.stringify(res.data)]`,将数据转化为字符串格式,从而正确显示文件内容。
1246 3
|
供应链 监控 安全
【区块链】记账的千年演化:从泥板到区块链
记账,作为人类文明进步的重要标志之一,其技术与方法的演变,见证了经济、社会乃至文化的深刻变迁。从最原始的实物记录到今天的数字账本——区块链,每一阶段的革新都推动着交易透明度、安全性与效率的大幅提升。本文将穿越千年历史长河,探索记账科技的演进之路。
351 0
|
存储 算法 Java
【经典算法】LeetCode 125. 验证回文串(Java/C/Python3实现含注释说明,Easy)
【经典算法】LeetCode 125. 验证回文串(Java/C/Python3实现含注释说明,Easy)
209 0
|
存储 监控 安全
5 天学会阿里云 RPA:安全性与合规性
随着数字化转型的加速,机器人流程自动化(RPA)技术在各个行业中得到了广泛应用。阿里云 RPA 作为一种领先的 RPA 解决方案,不仅提供了高效的业务流程自动化能力,还高度重视安全性与合规性。在本文中,我们将深入探讨阿里云 RPA 在安全性与合规性方面的优势和措施。

热门文章

最新文章