Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 最近中文字幕免费mv视频,99视频只有精品,精品国产自在现线看久久 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          大數(shù)據(jù)開發(fā)基礎(chǔ)之HTML表格與表單
          
        
           
          
	
	
          
		
                        
          TML作為一種用來描述網(wǎng)頁的語言，是制作網(wǎng)頁必不可少的，但HTML 不是一種編程語言，而是一種標(biāo)記語言 (markup language），本著為了更好的了解大數(shù)據(jù)開發(fā)的基礎(chǔ)，今天就帶著大家更進(jìn)一步的了解HTML的使用，HTML的表格與表單。


          1.HTML表格
          表格由 <table> 標(biāo)簽來定義。每個表格均有若干行（由 <tr> 標(biāo)簽定義），每行被分割為若干單元格（由 <td> 標(biāo)簽定義）。字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。表格的作用就不言而喻了，讓看起來更簡潔直觀有序性。
          下面給大家?guī)硪恍┏Ｓ玫臉?biāo)簽：
          <table> 表格的最外層容器
          <tr> 定義表格行
          <th> 定義表頭
          <td> 定義表格單元
          <caption>定義表格表題
          　　<width>:寬度。可以用像素或百分比表示。 常用960像素。
          　　<border>：邊框，常用值為0。
          　　<cellpadding>：內(nèi)容跟邊框的距離，常用值為0。
          　　<cellspacing>：單元格與單元格之間的間距，常用值為0。
          　　<algin>：對齊方式。
          　　<bgcolor>：背景色。
          <background>：背景圖片。
          <align>: 一行內(nèi)容的水平對齊方式。
          <valign>: 一行內(nèi)容的垂直對齊方式。
          <height>：行高。
          創(chuàng)建表格
          在HTML網(wǎng)頁中，要想創(chuàng)建表格，就需要使用表格相關(guān)的標(biāo)簽。


          創(chuàng)建表格的基本語法：
          <table>
           <tr>
           <td>單元格內(nèi)的文字</td>
           ...
           </tr>
           ...
          </table>
          舉個例子


          其中：table用于定義一個表格標(biāo)簽。
          tr標(biāo)簽 用于定義表格中的行，必須嵌套在 table標(biāo)簽中。
          td 用于定義表格中的單元格，必須嵌套在<tr></tr>標(biāo)簽中。
          字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。
          再比如說我們可以建立個有顏色的格子，如下圖


          表格的作用除了可以顯示一個表格外，有的時候還可以用于輔助排版。但現(xiàn)在都不怎么使用了，因?yàn)闀r代的進(jìn)步，以前的表格排版的網(wǎng)頁已經(jīng)被淘汰了。


          2. HTML表單
          關(guān)于表單的制定，因?yàn)樵跒g覽器中輸入的內(nèi)容都必須要經(jīng)過網(wǎng)絡(luò)提交到服務(wù)器端再處理，所以需要把所有的控件都包含在一個form表單控件中，然后一次提交給服務(wù)器，再由服務(wù)器處理用戶提交的數(shù)據(jù)。
          HTML 支持有序列表(有序列表是一列項(xiàng)目，列表項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記。

          有序列表始于 <ol> 標(biāo)簽。每個列表項(xiàng)始于 <li> 標(biāo)簽。)無序列表(無序列表也是一個項(xiàng)目的列表，此列項(xiàng)目使用粗體圓點(diǎn)“典型的小黑圓圈“進(jìn)行標(biāo)記。)和定義列表(自定義列表不僅僅是一列項(xiàng)目，而是項(xiàng)目及其注釋的組合。自定義列表以 <dl> 標(biāo)簽開始。每個自定義列表項(xiàng)以 <dt> 開始。每個自定義列表項(xiàng)的定義以 <dd> 開始。)。
          表單常用標(biāo)簽：
          form: 表單的最外層容器
          input: 用于搜集用戶信息,根據(jù)不同的type屬性值,展示不同的控件
          Text：普通的文本輸入框
          Password：密碼輸入框
          Checkbox：復(fù)選框
          Radio：單選框
          File：上傳文件
          Submit：提交按鈕
          Reset：重置按鈕
          Cols：列
          Rows：行
          注意事項(xiàng)：
          <form id="" name="" method="post/get" action="負(fù)責(zé)處理的服務(wù)端">--輸入系統(tǒng)時，必須有
          Name ：定義表單的名稱；
          Method: 定義表單結(jié)果從瀏覽器傳送到服務(wù)器的方式，默認(rèn)參數(shù)為：get
          Action ：用來指定表單處理程序的位置(服務(wù)器端腳本處理程序）
          Fieldset：把表單分組；
          Legend：分組名稱。
          id不可重復(fù)，name可重復(fù)，get提交有長度限制，并且編碼后的內(nèi)容在地址欄可見，post提交沒有長度限制，且編碼后內(nèi)容不可見。
          舉個例子
          <form action="login.asp" method="post">
           <label>用戶名: </label><input type="text" name="username" />
           <label>密碼: </label><input type="password" name="password" />
          </form>
          得到結(jié)果如圖


          本期的內(nèi)容比較多，大家可以在平日里多加練習(xí)，這是大數(shù)據(jù)開發(fā)基礎(chǔ)的重要部分，做到能更熟練，更準(zhǔn)確，希望大家能有所進(jìn)步。
          個表單的form標(biāo)簽是必不可少的，所有的表單元素都應(yīng)該被他包含。一個頁面可能有多個表單，就需要對每個表單的區(qū)域進(jìn)行分組，防止表單信息混雜。
          目標(biāo)
          1. 表單的完整結(jié)構(gòu)？
          2. 表單內(nèi)如何進(jìn)行元素分組？
          表單
          可以在一個網(wǎng)頁中收集用戶的數(shù)據(jù)，比如填寫用戶注冊數(shù)據(jù)、留言板、評論等內(nèi)容。
          Form標(biāo)簽
          一個表單的form標(biāo)簽是必不可少的，所有的表單元素都應(yīng)該被他包含。
          <form >
	<input type="text" />			
</form>

          一個網(wǎng)頁可能會有多個表單，就需要聲明每個表單的區(qū)域，防止表單信息混雜。
          以下就是兩個表單，他們之間的表單元素就會跟隨自己的表單。
          兩個表單
          分組
          有時候，表單內(nèi)的元素過多，就需要將他們進(jìn)行分類。
          fieldset標(biāo)簽可以將表單內(nèi)的相關(guān)元素分組。
          legend標(biāo)簽是為 fieldset元素定義標(biāo)題。
          <fieldset >
	<legend>學(xué)生信息</legend>
	姓名：<input type="text" /><br>
	班級：<input type="text" /><br>			
</fieldset>

          分組
          分組完成
          總結(jié)
          思維導(dǎo)圖
          單的本質(zhì)是業(yè)務(wù)，沒有表單是無法完成業(yè)務(wù)系統(tǒng)的，而動態(tài)表單使業(yè)務(wù)系統(tǒng)更高級。動態(tài)表單是什么呢？它是如何工作的？應(yīng)用場景有哪些？一起來看一下吧。
          一、表單
          表單在網(wǎng)頁中主要負(fù)責(zé)數(shù)據(jù)采集功能，是提交數(shù)據(jù)的一切形式。表單的本質(zhì)是提交數(shù)據(jù)，不僅僅包含輸入框、下拉選擇框等這些控件，常見的按鈕空間也屬于一個表單。
          1. 動態(tài)表單
          動態(tài)表單（Dynamic Form），指在前端運(yùn)行過程中可依賴某些業(yè)務(wù)邏輯發(fā)生表單項(xiàng)變化的表單，還包括表單布局、表單數(shù)據(jù)管理、表單校驗(yàn)、表單交互、表單項(xiàng)聯(lián)動邏輯等原本由前端編程完成的表單開發(fā)，轉(zhuǎn)由后端通過 API 接口輸出表單描述自動完成上述所有內(nèi)容的表單開發(fā)形式。
          （動態(tài)表單原理示意圖）
          2. 動態(tài)表單的特點(diǎn)優(yōu)勢
          表單的本質(zhì)是業(yè)務(wù)，而動態(tài)表單使業(yè)務(wù)系統(tǒng)更高級。
          普通表單是一個表單寫一份前端的代碼，代碼全部由前端開發(fā)者完成（后端配合接口輸出）。而動態(tài)表單則是一個表單對應(yīng)一個 JSON（由后端輸出），所有表單由一份代碼（動態(tài)表單引擎）進(jìn)行加載和渲染。
          所以，動態(tài)表單具有以下優(yōu)勢：
          • 客戶端運(yùn)行的代碼量更少；
          • 每個表單的JSON按需加載；
          • 表單需求變化時，無需前端修改發(fā)版，只需編輯數(shù)據(jù)庫中的JSON。
          二、表單控件
          表單控件是提供一組允許用戶操作的對象，從而接收用戶輸入的數(shù)據(jù)，用戶可操作該對象來執(zhí)行對表單設(shè)計(jì)，修改等操作。
          1. HTML表單種常見的13個控件
          input元素?zé)o疑是一個龐大和復(fù)雜的元素，但它并不是唯一的表單控件。還有button、select、option、label、optgroup、textarea、fieldset、legend這八個傳統(tǒng)表單控件，datalist、progress、meter、output、keygen這五個新增表單控件。
          2. 動態(tài)表單控件
          動態(tài)表單是老廠商天翎核心技術(shù)之一，也是天翎公司核心產(chǎn)品MyApps的重要組成部分。通過對于動態(tài)表單的應(yīng)用，可以避免在電子流程系統(tǒng)中硬編碼的數(shù)據(jù)采集及處理表單，提高系統(tǒng)的可維護(hù)性。
          說明：
          Form，動態(tài)表單實(shí)現(xiàn)的基本入口，描述了DynaForm的最基本屬性，比如名稱、ID、以及最核心的TemplateContext。TemplateContext中保存的是Form的描述XML，通過此XML描述兩類信息：
          1. Form中所具有的Field以及Field的類型、名稱、長度、計(jì)算代碼等等，XML；
          2. Form的格式，比如排列次序、表格定列化的過程當(dāng)中，系統(tǒng)自動解析XML的內(nèi)容并將其轉(zhuǎn)換為Java Object并由此具備Object的行為特性；位等。Form作為一個ValueObject存儲在數(shù)據(jù)庫中。
          FormElement，接口，表示Form中的基本元素；
          FormField，動態(tài)表單的最基本元素，在myApps/OBPM中被聲明為Abstract，具體Object行為依賴于具體的SubClass實(shí)現(xiàn)；
          TextField，單行文本框，繼承FormField；
          SelectField，下拉選擇框，繼承FormField；
          TextareaField，多行文本框，繼承FormField；
          CheckBoxField，復(fù)選框，繼承FormField；
          RadioBoxField，單選框，繼承FormField；
          Textpart，靜態(tài)文本段，除各種Field以外的靜態(tài)文本部分，繼承FormElement；
          ComponentField，自定義組件，繼承FormField；
          AttachmentUploadField，附件上傳組件，繼承FormField；
          ImageUploadField，圖片上傳組件，繼承FormField；
          ViewDialogField，視圖組件，用于實(shí)現(xiàn)主從結(jié)構(gòu)的表單，繼承FormField；
          CalctextField，計(jì)算文本組件，用于實(shí)現(xiàn)需要計(jì)算的文本，繼承FormField；
          IncludeField，實(shí)現(xiàn)SubForm的包含，繼承FormField；
          WordField，Word組件，繼承FormField；
          OcrField，為將來預(yù)留的接口，系統(tǒng)暫未實(shí)現(xiàn)；
          三、表單引擎
          表單引擎是為快速實(shí)施項(xiàng)目研發(fā)的輕量級表單設(shè)計(jì)工具。采用表單引擎工具可在不開發(fā)和新增加代碼的情況下設(shè)計(jì)出新表單樣式，同比程序開發(fā)可省掉程序員差不多70%的開發(fā)工作量，并且后期維護(hù)相對簡單，管理方便。
          1. 工作原理
          在了解了表單的基本機(jī)構(gòu)后，進(jìn)一步看看表單引擎是如何工作的。
          從客戶端（Client）輸入數(shù)據(jù)（Document），比如一個excel文件，表單（Form）結(jié)合excel文件自動生成HTML，如下圖：
          （表單結(jié)合文檔生成HTML過程）
          （XML解析為表單對象的過程）
          （表單轉(zhuǎn)為HTML過程）
          （表單生成數(shù)據(jù)庫）
          2. 應(yīng)用場景
          天翎Myapps低代碼開發(fā)平臺的表單引擎是基于Web界面上可視化編輯的表單設(shè)計(jì)系統(tǒng)，同時支持印刷模式和拖拽模式兩種設(shè)計(jì)方式，形象可見，操作方便。印刷模式可以做一些復(fù)雜的表單配置，同時還支持word表格的導(dǎo)入；拖拽模式：基于Vue的表單設(shè)計(jì)器，采用可視化拖拉拽的模式進(jìn)行表單的設(shè)計(jì)。
          （表單前臺）
          （表單后臺）
          本文由 @周志軍Jarod 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。
          題圖來自Unsplash，基于CC0協(xié)議
          該文觀點(diǎn)僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
精品一区二区三区四区在线播放|
国产中文字幕一区|
视频一区视频二区制服丝袜|
亚洲不卡av不卡一区二区|
日韩精品一区二区三区在线观看|
精品欧洲av无码一区二区三区|
精品乱子伦一区二区三区高清免费播放|
伊人无码精品久久一区二区|
91无码人妻精品一区二区三区L|
国产精品亚洲产品一区二区三区
|
台湾无码AV一区二区三区|
精产国品一区二区三产区|
99精品一区二区三区无码吞精|
日韩精品无码一区二区三区不卡|
国产一区二区三区在线观看精品|
一区五十路在线中出|
国产suv精品一区二区6|
国产一区二区三区电影|
国产亚洲福利一区二区免费看|
国产一区二区精品久久岳√|
高清一区二区三区|
国产精品xxxx国产喷水亚洲国产精品无码久久一区|
色综合视频一区中文字幕|
99偷拍视频精品一区二区|
午夜视频一区二区|
无码人妻一区二区三区精品视频|
日本美女一区二区三区|
久久精品国产亚洲一区二区三区|
中文字幕精品一区|
无码人妻视频一区二区三区
|
国产精品一区二区三区久久|
国产综合视频在线观看一区|
美女福利视频一区二区|
中文字幕永久一区二区三区在线观看|
国产剧情国产精品一区|
亚洲字幕AV一区二区三区四区
|
色欲AV蜜臀一区二区三区|
亚洲一区中文字幕在线电影网|
风间由美在线亚洲一区|
精品国产免费一区二区三区|
久久精品亚洲一区二区三区浴池
|