寒假前端第一次作业
1、用户注册：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>用户注册</title>
</head>
<body><table width="300 " border="1" cellspacing="1"><form action="#" method="get"><tr><td colspan="5" align="center" width="2">用户注册</td></tr><tr><td align="right" colspan="2">用户名</td><td colspan="3"><input type="text" name="name" placeholder="用户名"></td></tr><tr><td align="right" colspan="2">密码</td><td colspan="3"><input type="password" name="password" placeholder="密码"></tr><tr><td align="right" colspan="2">性别</td><td colspan="3"><input type="radio" name="gender" value="男"> 男 <input type="radio" name="gender" value="女"> 女</tr><tr><td align="right" colspan="2">爱好</td><td colspan="3"><input type="checkbox" name="hooby" value="看书" checked> 看书 <input type="checkbox" name="hooby" value="写作" checked> 写作 <input type="checkbox" name="hooby" value="听音乐" checked> 听音乐 <input type="checkbox" name="hooby" value="体育" checked> 体育</tr><tr><td align="right" colspan="2">省份</td><td colspan="3"> <select name="city"><option value="山西省">山西省</option><option selected value="陕西省">陕西省</option><option value="河南省">河南省</option><option value="江西省">江西省</option><option value="北京市">北京市</option></select></td></tr><tr><td align="right" colspan="2">自我介绍</td><td colspan="3"> <textarea name="content" id="" cols="35" rows="8" placeholder="请自我介绍"></textarea></td> </tr><tr><td colspan="5"><input type="submit" name="提交"><input type="reset" name="重置"></td></tr></form></table>
</body>
</html>截图：
2、工商银行电子汇款
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>工商银行电子汇款</title>
</head>
<body><h1>工商银行电子汇款</h1><table width="700" border="2" cellspacing="1"><tr><td colspan="2"><b>回单类型</b></td><td colspan="2">网上转款汇款</td><td colspan="2"><b>指令序号</b></td><td colspan="3">HQH0000000000000013878172</td></tr><tr><td rowspan="4" width="10"><b>收款人</b></td><td>户名</td><td colspan="2">老牟</td><td rowspan="4" width="10"><b>付款人</b></td><td>户名</td><td colspan="3">老刘</td></tr><tr><td><b>卡号</b></td><td colspan="2">000000000001</td><td><b>卡号</b></td><td colspan="3">000000000002</td></tr><tr><td>地区</td><td colspan="2">南京</td><td>地区</td><td colspan="3">杭州</td></tr><tr><td><b>网点</b></td><td colspan="2">工商江苏南京业务处理中心</td><td><b>网点</b></td><td colspan="3">江苏徐州业务中心</td></tr><tr><td colspan="2"><b>币种</b></td><td colspan="2">b人民币</td><td colspan="2">钞汇标志</td><td colspan="3">钞票</td></tr><tr><td colspan="2"><b>金额</b></td><td colspan="2">1.00元</td><td colspan="2">手续费</td><td colspan="3">0.57元</td></tr><tr><td colspan="2"><b>合计</b></td><td colspan="7">人民币( 大写 ) : 壹圆整</td></tr><tr><td colspan="2"><b>交易时间</b></td><td colspan="2"><em>2017年6月1日</em></td><td colspan="2"><b>时间戳</b></td><td colspan="3"><em>2017-06-01-13.00.00.00000</em></td></tr></table><p>票据打印时间 : 2017-06-01 15:00:12</p><del>票据打印单位 : 江苏徐州业务中心</del><p>操作员 : 大曾</p>
</body>
</html>截图：
3、 将近酒
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>将近酒</title>
</head>
<body><table width="700" cellspacing="5"><tr><td width="100" align="left"><h1>将进酒</h1></td> <td colspan="5"><h2>君不见黄河之水天上来</h2></td></tr><tr><td colspan="3"><img src="libai.png" width="" ></td><td colspan="4"><p>君不见黄河之水天上来，奔流到海不复回。</p><p>君不见高堂明镜悲白发，朝如青丝暮成雪。</p><p>人生得意须尽欢，莫使金樽空对月。</p><p>天生我材必有用，千金散尽还复来。</p><p>烹羊宰牛且为乐，会须一饮三百杯。</p><p>岑夫子，丹丘生，将进酒，杯莫停。</p><p>与君歌一曲，请君为我倾耳听。</p><p>钟鼓馔玉不足贵，但愿长醉不复醒</p><p>古来圣贤皆寂寞，惟有饮者留其名</p><p>陈王昔时宴平乐，斗酒十千恣欢谑</p><p>主人何为言少钱，径须沽取对君酌</p><p>五花马,千金裘</p><p>呼儿将出换美酒与尔同销万古愁</p></td></tr></table>
</body>
</html>截图：
4、热门电影模块
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>热门电影模板</title>
</head>
<body><table width="100%" ><tr><td colspan="4"><h2>热门电影模块</h2></td></tr><tr><td colspan="4" ><hr width="100%" size="2" ><b>最近热门电影</b> 热门 最新 豆瓣高分 冷门佳片 华语 欧美 韩国 日本 更多>><hr width="100%" size="2"></td></tr><tr><td><img src="zhihuan1.png" width="260"></td><td><img src="zhihaun3.png" width="262"></td><td><img src="zhihaun2.png" width="269"></td><td><img src="xiaoshenke.png" width="247"></td></tr><tr><td>指环王1 9.6</td><td>指环王2 9.4</td><td>指环王3 9.5</td><td>肖申克的救赎 9.7</td></tr><tr><td><img src="aganzhengzhuan.png" width="250"></td><td><img src="bianfuxia.png" width="260"></td><td><img src="heikediguo.png" width="257"></td><td><img src="v3xcgiurpps04.png" width="260"></td></tr><tr><td>阿甘正传 9.6</td><td>蝙蝠侠 : 黑暗骑士 9.5</td><td>黑客帝国 9.5</td><td>蝙蝠侠 : 黑暗骑士崛起 9.4</td></table>
</body>
</html>截图：
相关文章：
寒假前端第一次作业
1、用户注册： <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>用户注册</title> …...
【LabVIEW FPGA入门】创建第一个LabVIEW FPGA程序
本教程仅以compactRIO（FPGA-RT）举例 1.系统配置 1.1软件安装 FPGA-RT 1. LabVIEW Development System (Full or Professional) 2. LabVIEW Real-Time Module 3. LabVIEW FPGA Module 4. NI-RIO drivers 1.2硬件配置 1.使用线缆连接CompactRIO至主机…...
【STM32】STM32学习笔记-USART串口数据包(28)
00. 目录 文章目录 00. 目录01. 串口简介02. HEX数据包03. 文本数据包04. HEX数据包接收05. 文本数据包接收06. 预留07. 附录 01. 串口简介 串口通讯(Serial Communication)是一种设备间非常常用的串行通讯方式，因为它简单便捷，因此大部分电子设备都支持…...
Java网络爬虫--HttpClient
目录标题 技术介绍有什么优点？怎么在项目中引入？ 请求URLEntityUtils 类GET请求带参数的GET请求POST请求 总结 技术介绍 HttpClient 是 Apache Jakarta Common 下的子项目，用来提供高效的、功能丰富的、支持 HTTP 协议的客户端编程工具包。相…...
若依项目的table列表中对每一个字段增加排序按钮（单体版和前后端分离版）
一、目标：每一个字段都添加上下箭头用来排序 只需要更改前端代码，不需要更改后端代码，后面会讲解原理 二、单体版实现方式： 1.在options中添加sortable:true 2.在需要排序的字段中添加sortable:true 三、前后端分离版 1.el-table上添加@sort-change=“handleSortChange”…...
Linux自动化部署脚本
1:最近项目部署比较频繁终于熬不住了 就有下面的这东西 #!/bin/sh #报错停止运行 set -e # 获取tomcat的PID TOMCAT_PID$(ps -ef | grep tomcat | grep -v grep | awk {print $2}) # tomcat的启动文件位置 START_TOMCAT/mnt/tomcat/bin/startup.sh # 项目文件部署位置 PROJECT…...
lvgl修改图片大小上限
在lvgl中读取图片文件时，被读取的图片具有上限，也就是2048像素。这会造成两个非预期的结果： 超过2048像素的部分会被裁去。表示图片的结构体lv_img_t中的w和h变量值是图片像素被2048求余。例如，当一个图片高为2048像素时…...
阻止持久性攻击改善网络安全
MITRE ATT&CK框架是一个全球可访问的精选知识数据库，其中包含基于真实世界观察的已知网络攻击技术和策略。持久性是攻击者用来访问系统的众多网络攻击技术之一;在获得初始访问权限后，他们继续在很长一段时间内保持立足点，以窃取数据、修改…...
MFC与Qt多个控件响应统一响应消息处理
就目前使用C开发框架来说，今天来讲述下MFC框架下与Qt框架下，如何让多个控件响应统一消息处理方法。 功能：假设有5个按钮，需要响应同一个处理函数，该如何实现呢？ Qt方式 开发环境：win10 VS201…...
Camunda rest api鉴权
对于rest api 不能没有限制的任何人随意调用，需要提供账号信息。 一：工作流引擎增加过滤器 /*** 对/engine-rest/*进行鉴权，防止非法攻击* 客户端调用需要配置用户凭证否则报错401* camunda.bpm.client.basic-auth.username* camunda.bpm.cl…...
【PostgreSQL】在DBeaver中实现序列、函数、视图、触发器设计
【PostgreSQL】在DBeaver中实现序列、函数、触发器、视图设计 基本配置一、序列1.1、序列使用1.1.1、设置字段为主键，数据类型默认整型1.1.2、自定义序列，数据类型自定义 1.2、序列延申1.2.1、理论1.2.2、测试1.2.3、小结 二、函数2.1、SQL直接创建2.1.1…...
PyQt5-小总结
之前学习PyQt5，然后那段时间想做一个桌面小程序，后来由于学习内容较多就做了一小部分，但是可以进行页面跳转。大家如果是初学者对Python感兴趣而且刚学数据库时可以看看代码，可能会有点启发。 效果： 登录进来是这&…...
vue父组件给子组件传值，子组件不渲染的原因及解决方法
父组件传递给子组件的数据，如果是一个复杂对象（例如一个数组或对象），那么子组件只会监听对象的引用而不是对象的内容。这意味着当对象的内容发生变化时，子组件不会更新。 解决： 1、在子组件使用 watch 监听…...
【数据库】MySQL锁
一、锁的基本概念 1、锁的定义 锁是协调多个进程或线程并发访问数据库资源的一种机制。 MySQL中的锁是在服务器层或者存储引擎层实现的，保证了数据访问的一致性与有效性。但加锁是消耗资源的，锁的各种操作，包括获得锁、检测锁是否已解除、…...
mongodb学习篇
目录 前言基本概念数据库-database集合-collection文档-document 部署mongodblinux安装mongodbdocker安装mongodb MongoDB Shell (mongosh)命令行工具mongodb可视化-mongodb-compass、mongo-expressmongodb配置文件mongodb库、集合、文档库基本操作集合基本操作文档的增删改查C…...
kubernetes存储类迁移-备份恢复
背景介绍 kubernetes集群最开始使用了nfs作为存储，随着后续使用过程中数据量逐渐增加，nfs存储性能逐步出现不足，现增加了基于csi的分布式块存储后，需要对原有基于nfs存储类下的pv迁移到新的存储类下。 测试环境 k8s集群版本&am…...
python智能手机芯片
在未来，python智能手机芯片的发展方向可能包括以下几个方面： 强化处理能力：随着智能手机功能的不断扩展和用户需求的增加，处理器的性能需求也在不断提升。未来的python智能手机芯片可能会加强处理器的核心数量和频率，以…...
混淆技术概论
混淆技术概论 引言 在逆向工程领域，混淆技术是一种非常重要的技术手段，通过打破人们的思维惯性，使得逆向分析变得更加困难。本文将会介绍混淆技术的概念、分类及其应用，以及如何使用IPA Guard进行iOS IPA重签名。 混淆技术概述…...
pytest安装失败，报错Could not find a version that satisfies the requirement pytest
问题 安装pytest失败，尝试使用的命令有 pip install pytest pip3 install pytest pip install -U pytest pip install pytest -i https://pypi.tuna.tsinghua.edu.cn/simple但是都会报同样的错： 解决方案 发现可能是挂了梯子的原因，关掉…...
使用 Maven 的 dependencyManagement 管理项目依赖项
使用 Maven 的 dependencyManagement 管理项目依赖项 介绍 在开发 Java 项目时，管理和协调依赖项的版本号是一项重要而繁琐的任务。 而 Maven 提供了 <dependencyManagement> 元素，用于定义项目中所有依赖项的版本。它允许您指定项目中每个依赖…...
Cesium1.95中高性能加载1500个点
一、基本方式： 图标使用.png比.svg性能要好 <template><div id"cesiumContainer"></div><div class"toolbar"><button id"resetButton">重新生成点</button><span id"countDisplay&qu…...
抖音增长新引擎：品融电商，一站式全案代运营领跑者
抖音增长新引擎：品融电商，一站式全案代运营领跑者 在抖音这个日活超7亿的流量汪洋中，品牌如何破浪前行？自建团队成本高、效果难控；碎片化运营又难成合力——这正是许多企业面临的增长困局。品融电商以「抖音全案代运营…...
WordPress插件：AI多语言写作与智能配图、免费AI模型、SEO文章生成
厌倦手动写WordPress文章？AI自动生成，效率提升10倍！ 支持多语言、自动配图、定时发布，让内容创作更轻松！ AI内容生成 → 不想每天写文章？AI一键生成高质量内容！多语言支持 → 跨境电商必备&am…...
NLP学习路线图（二十三）：长短期记忆网络（LSTM）
在自然语言处理（NLP）领域，我们时刻面临着处理序列数据的核心挑战。无论是理解句子的结构、分析文本的情感，还是实现语言的翻译，都需要模型能够捕捉词语之间依时序产生的复杂依赖关系。传统的神经网络结构在处理这种序列依赖时显得力不从心，而循环神经网络（RNN） 曾被视为…...
【HarmonyOS 5 开发速记】如何获取用户信息（头像/昵称/手机号）
1.获取 authorizationCode： 2.利用 authorizationCode 获取 accessToken：文档中心 3.获取手机：文档中心 4.获取昵称头像：文档中心 首先创建 request 若要获取手机号，scope必填 phone，permissions 必填 …...
)
Angular微前端架构：Module Federation + ngx-build-plus (Webpack)
以下是一个完整的 Angular 微前端示例，其中使用的是 Module Federation 和 npx-build-plus 实现了主应用（Shell）与子应用（Remote）的集成。 🛠️ 项目结构 angular-mf/ ├── shell-app/ # 主应用&…...
华硕a豆14 Air香氛版，美学与科技的馨香融合
在快节奏的现代生活中，我们渴望一个能激发创想、愉悦感官的工作与生活伙伴，它不仅是冰冷的科技工具，更能触动我们内心深处的细腻情感。正是在这样的期许下，华硕a豆14 Air香氛版翩然而至，它以一种前所未有的方式&#x…...
【 java 虚拟机知识 第一篇 】
目录 1.内存模型 1.1.JVM内存模型的介绍 1.2.堆和栈的区别 1.3.栈的存储细节 1.4.堆的部分 1.5.程序计数器的作用 1.6.方法区的内容 1.7.字符串池 1.8.引用类型 1.9.内存泄漏与内存溢出 1.10.会出现内存溢出的结构 1.内存模型 1.1.JVM内存模型的介绍 内存模型主要分…...
算法打卡第18天
从中序与后序遍历序列构造二叉树 (力扣106题) 给定两个整数数组 inorder 和 postorder ，其中 inorder 是二叉树的中序遍历， postorder 是同一棵树的后序遍历，请你构造并返回这颗 二叉树 。 示例 1: 输入：inorder [9,3,15,20,7…...
前端调试HTTP状态码
1xx（信息类状态码） 这类状态码表示临时响应，需要客户端继续处理请求。 100 Continue 服务器已收到请求的初始部分，客户端应继续发送剩余部分。 2xx（成功类状态码） 表示请求已成功被服务器接收、理解并处…...