主頁 > 前端設計 > SQL 資料庫上機實驗(查詢操作)

SQL 資料庫上機實驗(查詢操作)

2020-10-17 12:35:38 前端設計

大二資料庫上機實驗

  • 實驗一
    • 實驗二

實驗一

在這里插入圖片描述

實驗步驟:

1:創建資料庫“shiyan2”;
2:創建資料表’s’,’p’,’j’;
3:創建資料表’spj’并設定’sno’,’pno’,’jno’三列為外鍵,分別關聯于s表的’sno’,   p表的’pno’,j表的’jno’列;
4:分別向資料表’s’,’p’,’j’,’spj’中插入資料項;
5:建立三個表S,P,J,SPJ;
6:找出所有供應商的名字和所在城市;
7:找出所有零件的名稱,顏色,重量;
8:找出使用供應商S1所供應零件的工程號碼;
9:找出工程專案J2使用的各種零件的名稱和數量;
10:找出上海廠商供應的所有零件號碼;
11:找出使用上海廠的零件的工程名稱;
12:找出沒有使用天津產的零件的工程號碼;
13:把全部紅色零件的顏色改成藍色;
14:由S5供給J4的零件P6改為由S3供應;
15:從供應商關系中洗掉S2的記錄,并從供應關系中洗掉相應的記錄;
16:將(S2,J6,P4,200)插入供應情況關系中;
17:建視圖并進行相關查找操作,

實驗代碼:

    
CREATE DATABASE shiyan2;
USE shiyan2
CREATE TABLE S
(SNO CHAR (9) PRIMARY KEY,
SNAME CHAR(20),
STATUS INT,
CITY CHAR(20),
);
USE shiyan2
CREATE TABLE P
(PNO CHAR (9) PRIMARY KEY,
PNAME CHAR(20),
COLOR CHAR(20),
WEIGHT INT,
);
USE shiyan2
CREATE TABLE J
(JNO CHAR (9) PRIMARY KEY,
JNAME CHAR(20),
CITY CHAR(20),
);
USE shiyan2
CREATE TABLE SPJ
(SNO CHAR (9),
PNO CHAR (9),
JNO CHAR (9),
QTY INT,
PRIMARY KEY(SNO,PNO,JNO),
FOREIGN KEY (SNO)REFERENCES S(SNO),
FOREIGN KEY (PNO)REFERENCES P(PNO),
FOREIGN KEY (JNO)REFERENCES J(JNO),
);
INSERT INTO S(SNO,SNAME,STATUS,CITY)VALUES('S1','精益',20,'天津');
INSERT INTO S(SNO,SNAME,STATUS,CITY)VALUES('S2','盛錫',10,'北京');
INSERT INTO S(SNO,SNAME,STATUS,CITY)VALUES('S3','東方紅',30,'北京');
INSERT INTO S(SNO,SNAME,STATUS,CITY)VALUES('S4','豐泰盛',20,'天津');
INSERT INTO S(SNO,SNAME,STATUS,CITY)VALUES('S5','為民',30,'上海');
INSERT INTO P(PNO,PNAME,COLOR,WEIGHT)VALUES('P1','螺母','紅',12);
INSERT INTO P(PNO,PNAME,COLOR,WEIGHT)VALUES('P2','螺栓','綠',17);
INSERT INTO P(PNO,PNAME,COLOR,WEIGHT)VALUES('P3','螺絲刀','藍',14);
INSERT INTO P(PNO,PNAME,COLOR,WEIGHT)VALUES('P4','螺絲刀','紅',14);
INSERT INTO P(PNO,PNAME,COLOR,WEIGHT)VALUES('P5','凸輪','藍',40);
INSERT INTO P(PNO,PNAME,COLOR,WEIGHT)VALUES('P6','齒輪','紅',30);
INSERT INTO J(JNO,JNAME,CITY)VALUES('J1','三建','北京');
INSERT INTO J(JNO,JNAME,CITY)VALUES('J2','一汽','長春');
INSERT INTO J(JNO,JNAME,CITY)VALUES('J3','彈簧廠','天津');
INSERT INTO J(JNO,JNAME,CITY)VALUES('J4','造船廠','天津');
INSERT INTO J(JNO,JNAME,CITY)VALUES('J5','機車廠','唐山');
INSERT INTO J(JNO,JNAME,CITY)VALUES('J6','無線電廠','常州');
INSERT INTO J(JNO,JNAME,CITY)VALUES('J7','半導體廠','南京');
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S1','P1','J1',200);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S1','P1','J3',100);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S1','P1','J4',700);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S1','P2','J2',100);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S2','P3','J1',400);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S2','P3','J2',200);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S2','P3','J4',500);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S2','P3','J5',400);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S2','P5','J1',400);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S2','P5','J2',100);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S3','P1','J1',200);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S3','P3','J1',200);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S4','P5','J1',100);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S4','P6','J3',300);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S4','P6','J4',200);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S5','P2','J4',100);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S5','P3','J1',200);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S5','P6','J2',200);
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S5','P6','J4',500);
/*1:找出所有供應商的名字和所在城市*/
SELECT SNAME,CITY
FROM S;
/*2:找出所有零件的名稱,顏色,重量*/
SELECT PNAME,COLOR,WEIGHT
FROM P;
/*3:找出使用供應商S1所供應零件的工程號碼*/
SELECT JNO
FROM SPJ
WHERE SNO='S1';
/*4:找出工程專案J2使用的各種零件的名稱和數量*/
SELECT PNAME,QTY
FROM P,SPJ
WHERE P.PNO=SPJ.PNO AND JNO='J2';
/*5:找出上海廠商供應的所有零件號碼*/
SELECT DISTINCT PNO 
FROM S,SPJ
WHERE S.SNO=SPJ.SNO AND CITY='上海';
/*6:找出使用上海廠的零件的工程名稱*/
SELECT DISTINCT JNAME
FROM SPJ,S,J
WHERE SPJ.SNO=S.SNO AND SPJ.JNO=J.JNO AND S.CITY='上海';
/*7:找出沒有使用天津產的零件的工程號碼*/
SELECT JNO
FROM SPJ
WHERE JNO NOT IN (SELECT DISTINCT  JNO
FROM SPJ,S
WHERE S.SNO=SPJ.SNO AND S.CITY='天津');
/*8:把全部紅色零件的顏色改成藍色*/
UPDATE P
SET COLOR='藍'
WHERE COLOR='紅';
/*9:由S5供給J4的零件P6改為由S3供應*/
UPDATE SPJ
SET SNO='S3'
WHERE SNO='S5' AND JNO='J4' AND PNO='P6';
/*10:從供應商關系中洗掉S2的記錄,并從供應關系中洗掉相應的記錄*/
DELETE  
FROM S
WHERE SNO='S2';

DELETE 
FROM SPJ
WHERE SNO='S2';
/*11:將(S2,J6,P4,200)插入供應情況關系*/
INSERT INTO S(SNO,SNAME,STATUS,CITY)VALUES('S2','盛錫',10,'北京');
INSERT INTO SPJ(SNO,PNO,JNO,QTY)VALUES('S2','P4','J6',200);
/*12:建視圖*/
CREATE VIEW V_SPJ
AS
SELECT SNO,PNO,QTY
FROM SPJ,J
WHERE JNAME='三建' AND SPJ.JNO=J.JNO;
/*1:*/
SELECT PNO,QTY
FROM V_SPJ;
/*2:*/
SELECT SNO,PNO,QTY
FROM V_SPJ
WHERE SNO='S1';

實驗二

在這里插入圖片描述

實驗步驟:


1.運行給定的SQL命令,創建eshop1資料庫;
2.查詢products表中p_price(商品價格)在800以上的商品詳細資訊;
3.查詢products表中p_quantity(商品數量)在2050之間的商品編號、商品名稱和商品數量;
4.查詢orders表中各會員購買商品的總量,并以漢字列標題形式輸出會員帳號,商品總額;
5.查詢members表中家庭地址為“湖南”的會員詳細資訊;
6.查詢members表中年齡大于30且性別為“男”的會員詳細資訊;
7.查詢orders表各商品銷售總量前3名的商品編號和銷售總量;
8.查詢orders表中購買過商品的會員帳號,要求去掉重復行;
9.查詢orders表已確認、已支付和已配送的訂單詳細資訊;
10.查詢性別為“男”的會員詳細資訊,查詢結果按月薪降序排列;
11.查詢購買商品號為’0910810004’總人數;
12.查詢201866日前,所有商品的訂購總量,要求輸出商品號和訂購總量;
13.查詢所有會員的平均月薪,最高月薪和最低月薪;
14.查詢所有會員購買商品的種類和,要求輸出會員號和商品種類和;
15.查詢購買了商品號為“0910810004”的會員號和姓名,并以漢字標題顯示;
16.使用簡單查詢家庭地址為“湖南株洲”的會員以及年齡在30歲以上的會員詳細資訊;
17.將members表和orders表之間的左向外聯接包括所有會員的資訊,包括沒有購買商品的會員,

實驗代碼:

CREATE DATABASE eshop1 
ON
(
  NAME=eshop1_dat,
  FILENAME='c:\data\eshop1_dat.mdf',
  SIZE=10,
  MAXSIZE=50,
  FILEGROWTH=5
)
LOG ON
(
  NAME=eshop1_log,
  FILENAME='c:\data\eshop1_log.ldf',
  SIZE=10,
  MAXSIZE=25,
  FILEGROWTH=5
)
GO
USE eshop1
GO
CREATE TABLE orders (
	M_account VARCHAR(20) NOT NULL ,
	P_no VARCHAR(20) NOT NULL ,
	O_quantity INT NOT NULL ,
	O_date DATETIME NOT NULL ,
	O_confirm_state BIT NOT NULL,
	O_pay_state BIT NOT NULL ,
	O_send_state BIT NOT NULL)
GO
CREATE TABLE members (
	M_account VARCHAR(20) NOT NULL,
	M_name VARCHAR(20) NOT NULL ,
	M_birth VARCHAR(20)  NULL ,
	M_sex CHAR(2)  NULL ,
	M_address VARCHAR(50) NULL ,
	M_salary decimal(7,1)  NULL ,
	M_password VARCHAR(20) NOT NULL 
) 
GO
CREATE TABLE products (
	P_no VARCHAR(20) NOT NULL,
	P_name VARCHAR(50) NOT NULL ,
	p_date DATETIME NULL ,
	P_quantity INT NOT NULL ,
	P_price SMALLMONEY NOT NULL ,
	P_information VARCHAR(500) NULL ,
) 
GO
INSERT INTO members VALUES('Jinjin', '津津有味', 1982-04-14,'女', '北京市', 8200.0, 'jinjin')
INSERT INTO members VALUES('Lfz', '劉法治',  1976-08-26, '男','天津市', 4500.0, 'lfz0826')
INSERT INTO members VALUES('liuzc518', '劉志成', 1972-05-18,  '男','湖南株洲', 3500.0, 'liuzc518')
INSERT INTO members VALUES('Wangym', '王詠梅',  1974-08-06,'女', '湖南長沙', 4000.0, 'wangym0806')
INSERT INTO members VALUES('Zhangzl', '張自梁', 1975-04-20,'男', '湖南株洲', 4300.0, 'zhangzl')
INSERT INTO members VALUES('zhao888', '趙愛云', 1972-02-12,'男', '湖南株洲', 5500.0, 'zhao888')
INSERT INTO products VALUES('0130810324', '清華同方電腦', '2005-12-11', 7, 8000.0, '優惠多多')
INSERT INTO products VALUES('0140810330', '洗衣粉', '2005-05-31', 1000, 8.6, '特價銷售')
INSERT INTO products VALUES('0140810332', '紅彤彤臘肉', '2005-05-20', 43, 15.0, '是一種衛生食品')
INSERT INTO products VALUES('0140810333', '力士牌香皂', '2005-05-06', 22, 6.0, '是一種清潔用品')
INSERT INTO products VALUES('0240810330', '電動自行車', '2005-05-31', 10, 1586.0, '價廉物美')
INSERT INTO products VALUES('0240810333', '自行車', '2005-05-31', 10, 586.0, '價廉物美')
INSERT INTO products VALUES('0910810001', '愛國者MP3', '2005-05-31', 100, 450.0, '價廉物美')
INSERT INTO products VALUES('0910810002', '商務通', '2005-05-20', 10, 850.0, '價廉物美')
INSERT INTO products VALUES('0910810003', '名人好記星', '2005-05-31', 100, 550.0, '價廉物美')
INSERT INTO products VALUES('0910810004', '奧美嘉 U盤', '2005-05-31', 100, 350.0, '價廉物美')
INSERT INTO orders VALUES('jinjin', '0910810004', 2, '2005-06-06', 1, 0, 0)
INSERT INTO orders VALUES('jinjin', '0910810004', 1, '2005-08-09', 1, 1, 1)
INSERT INTO orders VALUES('lfz', '0910810001', 1, '2005-08-09', 0, 0, 0)
INSERT INTO orders VALUES('lfz', '0910810004', 2, '2005-06-06', 1, 1, 1)
INSERT INTO orders VALUES('lfz', '0910810004', 2, '2005-08-09', 1, 1, 1)
INSERT INTO orders VALUES('liuzc518', '0140810324', 1, '2005-10-09', 0, 0, 0)
INSERT INTO orders VALUES('liuzc518', '0910810001', 1, '2005-10-09', 1, 1, 0)
INSERT INTO orders VALUES('liuzc518', '0910810004', 2, '2005-10-09', 1, 1, 0)
INSERT INTO orders VALUES('wangym', '0910810001', 1, '2005-08-09', 1, 0, 0)
INSERT INTO orders VALUES('zhao888', '0240810333', 2, '2005-06-06', 1, 1, 0)
SELECT*
FROM products
WHERE P_price>800;
SELECT P_no,P_name,P_quantity
FROM products
WHERE P_quantity>20 and P_quantity<50;
SELECT M_account,O_quantity
FROM orders;
SELECT *
FROM members
WHERE M_address='湖南株洲';
SELECT *
FROM members
WHERE DATEDIFF (yy,M_birth,GETDATE())>30 AND M_sex='男';
SELECT top 3 P_no,SUM(O_quantity) 
FROM orders
GROUP BY (P_no) ORDER BY sum(O_quantity) DESC;
SELECT DISTINCT M_account
FROM orders;
SELECT*
FROM orders
WHERE O_pay_state=1 AND O_send_state=1 AND O_confirm_state=1;
SELECT*
FROM members
WHERE M_sex='男' ORDER BY M_salary DESC;
SELECT COUNT(*)
FROM orders
WHERE P_no='0910810004';
SELECT P_no,SUM(O_quantity)
FROM orders
WHERE O_date<'2018-6-6' GROUP BY P_no;
SELECT AVG(M_salary)+MAX(M_salary)+MIN(M_salary)
FROM members;
SELECT M_account,COUNT(DISTINCT P_no)
FROM orders 
GROUP BY M_account;
SELECT  members.m_account,members.m_name
FROM products,orders,members
WHERE products.p_no=orders.p_no
AND orders.m_account=members.m_account
AND products.p_no='0910810004';
SELECT *
FROM members
WHERE DATEDIFF (YEAR ,M_birth,GETDATE())>30 AND M_address='湖南株洲';
SELECT members.*, orders.*
FROM members
LEFT OUTER JOIN orders
ON members.m_account = orders.m_account;

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/175884.html

標籤:其他

上一篇:MySQL系列之事務日志Undo log學習筆記

下一篇:oracle-將.dmp檔案匯入linux服務器下的oracle資料庫中-方式二&&利用Windows自帶的命令列匯入(推薦)實體-親測有效

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • vue移動端上拉加載

    可能做得過于簡單或者比較low,請各位大佬留情,一起探討技術 ......

    uj5u.com 2020-09-10 04:38:07 more
  • 優美網站首頁,頂部多層導航

    一個個人用的瀏覽器首頁,可以把一下常用的網站放在這里,平常打開會比較方便。 第一步,HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......

    uj5u.com 2020-09-10 04:38:47 more
  • 頁面為要加<!DOCTYPE html>

    最近因為寫一個js函式,需要用到$(window).height(); 由于手寫demo的時候,過于自信,其實對前端方面的認識也不夠體系,用文本檔案直接敲出來的html代碼,第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......

    uj5u.com 2020-09-10 04:38:52 more
  • WordPress網站程式手動升級要做好資料備份

    WordPress博客網站程式在進行升級前,必須要做好網站資料的備份,這個問題良家佐言是遇見過的;在剛開始接觸WordPress博客程式的時候,因為升級問題和博客網站的修改的一些嘗試,良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名,每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......

    uj5u.com 2020-09-10 04:39:30 more
  • WordPress程式不能升級為5.4.2版本的原因

    WordPress是一款個人博客系統,受到英文博客愛好者和中文博客愛好者的追捧,并逐步演化成一款內容管理系統軟體;它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新,就會牽動無數WordPress愛好者的心, ......

    uj5u.com 2020-09-10 04:39:49 more
  • 使用CSS3的偽元素進行首字母下沉和首行改變樣式

    網頁中常見的一種效果,首字改變樣式或者首行改變樣式,效果如下圖。 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......

    uj5u.com 2020-09-10 04:40:09 more
  • 關于a標簽的講解

    什么是a標簽? <a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。 <a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。 a標簽的語法格式:<a href=https://www.cnblogs.com/summerxbc/p/"指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a> a標簽 在所有瀏覽器中,鏈接的默認外觀如下: 未被訪問的鏈接帶 ......

    uj5u.com 2020-09-10 04:40:11 more
  • 前端輪播圖

    在需要輪播的頁面是引入swiper.min.js和swiper.min.css swiper.min.js地址: 鏈接:https://pan.baidu.com/s/15Uh516YHa4CV3X-RyjEIWw 提取碼:4aks swiper.min.css地址 鏈接:https://pan.b ......

    uj5u.com 2020-09-10 04:40:13 more
  • 如何設定html中的背景圖片(全屏顯示,且不拉伸)

    1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......

    uj5u.com 2020-09-10 04:40:16 more
  • Java學習——HTML詳解(上)

    HTML詳解 初識HTML Hyper Text Markup Language(超文本標記語言) 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽,描述一些 ......

    uj5u.com 2020-09-10 04:40:33 more
最新发布
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 07:59:23 more
  • 生產事故-走近科學之消失的JWT

    入職多年,面對生產環境,盡管都是小心翼翼,慎之又慎,還是難免捅出簍子。輕則滿頭大汗,面紅耳赤。重則系統停擺,損失資金。每一個生產事故的背后,都是寶貴的經驗和教訓,都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故,特開此專題,長期更新和記錄大大小小的各類事故。有些是親身經歷,有些是經人耳傳口授 ......

    uj5u.com 2023-04-18 07:55:04 more
  • 記錄--Canvas實作打飛字游戲

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 打開游戲界面,看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上,有一個白色的矩形框,里面不斷下落著各種單詞,而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配,那么我就可以獲得得分;如果我輸入的單詞錯誤或者時間過長,那么我就會輸 ......

    uj5u.com 2023-04-04 08:35:30 more
  • 了解 HTTP 看這一篇就夠

    在學習網路之前,了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子,引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......

    uj5u.com 2023-03-16 11:00:15 more
  • 藍牙-低功耗中心設備

    //11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......

    uj5u.com 2023-03-15 09:06:45 more
  • canvas畫板(滑鼠和觸摸)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......

    uj5u.com 2023-02-15 08:56:31 more
  • 手機端H5 實作自定義拍照界面

    手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作,和在桌面端做法基本一致。 首先,使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流,并將其傳遞給 <video> 標簽進行渲染。 接著,使用 HTML 的 < ......

    uj5u.com 2023-01-12 07:58:22 more
  • 記錄--短視頻滑動播放在 H5 下的實作

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 短視頻已經無數不在了,但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲,一圖頂百辯,且看下圖: 網址鏈接(需在微信或者手Q中瀏覽) 從上圖可以看到,我們主要實作的功能也是本文要講解的有: ......

    uj5u.com 2023-01-04 07:29:05 more
  • 一文讀懂 HTTP/1 HTTP/2 HTTP/3

    從 1989 年萬維網(www)誕生,HTTP(HyperText Transfer Protocol)經歷了眾多版本迭代,WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......

    uj5u.com 2022-12-24 06:56:02 more
  • 【HTML基礎篇002】HTML之form表單超詳解

    ??一、form表單是什么

    ??二、form表單的屬性

    ??三、input中的各種Type屬性值

    ??四、標簽 ......

    uj5u.com 2022-12-18 07:17:06 more