day031

input 标签下的size控制框体长度, maxlength控制输入字符的数量上限

H5播放视频

<body>
	<!-- 加载mp3音频
	注意::浏览器默认规定视频音频不会自动播放,因为自动播放会占用流量
	-->
	<audio controls="controls">
		<source src="文件名.mp3"></source>
	</audio>
	
	<!-- 加载mp4 视频

注意::不能按网站方式访问,无法打开视频,直接按本地文件打开方式可以正常播放
http://127.0.0.1:8848/cgb/video.html
–>


	<img src="1.jpg"/> 
	<img src="D:/1.jpg"/>
</body>

vue项目—我们最关心src目录里的文件,主要在此操作

做组件:
1.定义组件—components文件夹下
2.注册组件—App.vue文件

1.概述
src文件夹:写自己的业务
src/component文件夹:定义组件
src/router文件:定义路由
src/App.vue文件:注册组件
src/main.js文件:入口js文件
index.html:作为项目的主页展示

2.自定义组件
新建Car.vue文件(放在src/components文件夹里)
修改App.vue文件(注册组件)
测试(启动项目)

目录结构
这个目录结构非常重要,要熟记。
就如你要生孩子去妇幼保健院,你要游泳去游泳馆。规定好每个目录的作用,方式和位置就约定统一了。
有了这套规则,文件就不会乱放,这样找资源时就知道到哪里找,写代码文件时就按功能放到指定的目录中。
这种方式已经非常常见,如Maven构建项目目录有强制的约定,如Spring框架中约定大于配置。

view 就是用户要访问的页面都存放在这个目录下,如Index.vue

static中保存一些静态的资源,如jquery、css、图片等

src 目录是一个很大的目录,包罗万象

components 把项目中所需要的组件都放在此目录下,默认会创建一个HelloWorld.vue,
可以自己添加,如添加Header.vue

router 访问的路径,Vue提倡的是SPA(Single Page WebApplication)单页面设计,
这是以前旧页面中如果包含其他资源,必然涉及到路径问题。

集成UI-css资源站

安装 element-ui
访问官网: https://element.eleme.cn/#/zh-CN/component/installation,查看组件指南

总结
1, 安装elementui
2, 修改main.js 引入elementui
3, 使用了各种组件(标签)

图标 : i 标签, 配置class属性,属性的值是图标的名字

布局: el-row标签表示行元素 el-col标签表示列元素 ,默认是一行有24分栏,:span属性可以自由组合

按钮: el-button标签表示按钮, type属性用来指定元素颜色,icon属性可以给按钮添加图标,round circle…

输入框: el-input标签是输入框, 必须指定v-model属性才能实现输入的效果

表格: el-table标签表示表格 , el-table-column表示表格里的列 , 通过:data属性获取数组里的数据, 通过label属性指定表格里的 表头, 通过prop属性绑定要获取的值

表单: el-form标签是表单,el-form-item表示表单项,
通过label属性指定表单项的名字,通过v-model属性获取表单数据

Maven------------专业管理JAR包

Maven 项目构建工具
概述
Maven是跨平台的项目管理工具。
作为Apache组织中的一个颇为成功的开源项目,
主要服务于基于java平台的项目构建、依赖管理和项目信息管理。
无论是小型的开源类库项目,还是大型的企业级应用;无论是传统的瀑布式开发,还是流行的敏捷模式,
Maven都能大显身手。

为何需要maven?
Java工程中我们自己去找jar,或者来自官网,或者来自网友的分享,或者来自项目团队的共享,
不论何种方式,都需要把jar文件复制到lib目录中,并且buildpath。

Maven改变这种手动维护jar的方式,设计出一套自动维护jar的体系,已经广泛在软件项目中使用,
是软件开发人员必须掌握的技术。

全新的设计体系:创先河的发明pom模型,引入了“仓库”、“依赖”、“坐标”和“命令”。

IDEA的maven界面刷新按钮在右上角

https://blog.csdn.net/u012932876/article/details/120214296

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值