tml開發(fā)環(huán)境搭建

有一個(gè)好的編輯器我們可以方便地的開發(fā)項(xiàng)目，編寫代碼，配置和管理我們的項(xiàng)目。所以我們開始編寫html代碼之前需要搭建開發(fā)環(huán)境。

基于html項(xiàng)目的開發(fā)和代碼編寫現(xiàn)在網(wǎng)上有很多編輯器，也有免費(fèi)的，也有收費(fèi)的編輯器。基于在Windows系統(tǒng)環(huán)境下開發(fā)和編寫html代碼最簡單的編輯器就是Windows自帶的記事本，我們可以使用記事本編輯html代碼。

使用記事本編寫html的步驟是首先新建一個(gè)文本文檔，按照html的語法規(guī)則編寫相關(guān)的代碼和保存文件，然后把文件的后綴名改為.html，使用電腦上的瀏覽器打開就可以查看我們代碼的運(yùn)行結(jié)果。

雖然記事本也能編寫html代碼，但是效率不高也不方便，所以我們使用專業(yè)的編輯器來開發(fā)項(xiàng)目，編寫代碼和管理項(xiàng)目。

常用html代碼編寫的免費(fèi)軟件有HBuilderX，vs code，Sublime Text 等等。

HBuilderX官網(wǎng)下載地址：

https://www.dcloud.io/hbuilderx.html

vs code的官網(wǎng)下載地址：

https://code.visualstudio.com/

Sublime Text官網(wǎng)下載地址：

http://www.sublimetext.com/

我們以后的教程都使用HBuilderX，所以下面為了同學(xué)們的學(xué)習(xí)方便，對(duì)HBuilderX的下載和安裝做詳細(xì)的教程。

一，下載

首先訪問HBuilderX的官網(wǎng)網(wǎng)址：

https://www.dcloud.io/hbuilderx.html

打開上面的HBuilderX下載網(wǎng)址后點(diǎn)擊頁面上download，在彈出的對(duì)話框里選擇適合自己電腦的HBuilderX版本下載。

在Windows10環(huán)境下下載后的文件是一個(gè)壓縮的.zip文件。

二，安裝

鼠標(biāo)右擊下載下來的壓縮文件進(jìn)行解壓。

解壓完成后是一個(gè)名為HBuilderX的文件夾。

解壓完成后鼠標(biāo)雙擊HBuilderX文件夾：

雙擊運(yùn)行名為HBuilderX.exe的應(yīng)用程序文件即可啟動(dòng)HBuilderX編輯器：

因?yàn)镠BuilderX是一個(gè)綠色軟件所以沒有桌面快捷方式和開始菜單快速啟動(dòng)程序，我們可以右擊HBuilderX.exe文件創(chuàng)建桌面快捷方式。

小百科：

綠色軟件指一類小型軟件，多數(shù)為免費(fèi)軟件，最大特點(diǎn)是軟件無需安裝便可使用，可存放于閃存中，移除后也不會(huì)將任何記錄留在本機(jī)計(jì)算機(jī)上。通俗點(diǎn)講綠色軟件就是指不用安裝，下載直接可以使用的軟件。綠色軟件不會(huì)在注冊(cè)表中留下注冊(cè)表鍵值，所以相對(duì)一般的軟件來說，綠色軟件對(duì)系統(tǒng)的影響幾乎沒有，所以是很好的一種軟件類型。

三，新建項(xiàng)目

HBuilderX編輯器初次啟動(dòng)時(shí)的默認(rèn)界面是下圖所示：

按照下圖所示可以創(chuàng)建一個(gè)新的名為demo1空白項(xiàng)目：

名為demo1的空白項(xiàng)目創(chuàng)建成功后的界面如下圖所示：

接下來在剛我們新建的demo1項(xiàng)目下創(chuàng)建名為helloworld的html文件

鼠標(biāo)右擊創(chuàng)建的demo1項(xiàng)目選擇新建在選擇.html文件：

在彈出的對(duì)話框里填入html文件的名稱：

編寫一段代碼：

運(yùn)行：

在瀏覽器上觀察效果：

好了，到這里html的開發(fā)環(huán)境搭建和HBuilderX的安裝教程結(jié)束了。

下面再給大家教一下怎樣修改HBuilderX的主題風(fēng)格，HBuilderX自身提供了修改軟件主題的功能，使用者可以自身需求和喜好修改HBuilderX的風(fēng)格。在喜歡自己喜歡的環(huán)境下做開發(fā)也是令人羨慕的一件事。

按照以下步驟可以修改HBuilderX的主題，默認(rèn)主題是綠柔，我們可以改成雅黑，雅藍(lán)或者自定義主題：

雅黑主題：

雅藍(lán)主題：

好了本節(jié)全部內(nèi)容全部結(jié)束了，希望我準(zhǔn)備的內(nèi)容對(duì)你有所幫助

你的支持是我的最大動(dòng)力，若覺得我的教程還可以或?qū)δ阌袔椭鸀槲尹c(diǎn)贊加關(guān)注！謝謝！

TML+前端超大視頻上傳解決方案，網(wǎng)頁 項(xiàng)目文件夾上傳下載解決方案，

前端用了JS，JQuery,vue2,vue3,vue-cli,html5,html

網(wǎng)上搜了一下，基本上大部分的文章里面提到的前端JS或VUE或HTML5上傳文件夾的方案都是使用JS的API來實(shí)現(xiàn)的，也就是html5提供的一個(gè)API，也就是chrome提供的API。用是能用，但是不夠好用，有很多限制，也不夠靈活。不太能夠滿足用戶的實(shí)際應(yīng)用需求，

多多少少還是有點(diǎn)問題，穩(wěn)定性，靈活性，可擴(kuò)展性，安全性方面還是有點(diǎn)問題。chrome的每個(gè)域名只允許5個(gè)TCP連接的限制，這個(gè)基本上是一個(gè)無法逾越的鴻溝，目前為止網(wǎng)上還沒有發(fā)現(xiàn)哪家公司或者個(gè)人能夠突破的。

我們做項(xiàng)目的話個(gè)人用戶比較少，一般都是行業(yè)用戶，比如政府，公司，金融，這類企業(yè)，他們對(duì)用戶體驗(yàn)要求較高。就實(shí)際項(xiàng)目開發(fā)和實(shí)施的情況來看，html5或者chrome提供的功能基本上都是不能夠滿足他們需求的，都需要我們進(jìn)行定制開發(fā)。

文件夾上傳，html5提供了API,用戶開始用的時(shí)候還行，然后就提了要求要求支持?jǐn)帱c(diǎn)續(xù)傳，

客戶這邊是一個(gè)政府單位，涉密了，就不透露單位名稱了，每天主要就是上傳和下載一些資料，數(shù)據(jù)都是加密的。

客戶那邊每天都會(huì)上傳和下載資料，

1.下載示例

https://gitee.com/xproer/up6-vue-cli

將up6組件復(fù)制到項(xiàng)目中

示例中已經(jīng)包含此目錄

1.引入up6組件

2.配置接口地址

接口地址分別對(duì)應(yīng)：文件初始化，文件數(shù)據(jù)上傳，文件進(jìn)度，文件上傳完畢，文件刪除，文件夾初始化，文件夾刪除，文件列表

參考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

3.處理事件

啟動(dòng)測試

啟動(dòng)成功

效果

數(shù)據(jù)庫

源碼工程文檔：https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

源碼報(bào)價(jià)單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwoiul8gl

OEM版報(bào)價(jià)單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwuzp4W0a

控件源碼下載：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

TML+PHP超大視頻上傳實(shí)例，PHP批量上傳大文件技巧,PHP批量上傳大文件,PHP實(shí)現(xiàn)批量上傳圖片的技巧，PHP結(jié)合WEB UPLOADER插件實(shí)現(xiàn)分段，PHP結(jié)合WEB UPLOADER插件實(shí)現(xiàn)切片上傳，PHP結(jié)合WEB UPLOADER插件實(shí)現(xiàn)斷點(diǎn)續(xù)傳，PHP結(jié)合WEB UPLOADER插件實(shí)現(xiàn)大文件上傳，PHP結(jié)合UPLOADER插件實(shí)現(xiàn)分片上傳文件，PHP結(jié)合百度UPLOADER插件實(shí)現(xiàn)分片上傳文件，PHP結(jié)合WEB UPLOADER插件實(shí)現(xiàn)分片上傳文件，前端HTML5，JS,JQ，VUE2，VUE3，React，

前端的話都有可能用到，VUE2，VUE3，HTML5，也不一定是VUE， 公司內(nèi)部有自己的產(chǎn)品，有些產(chǎn)品是之前開發(fā)的，沒有用VUE，而是用的普通的HTML模板，用的也還好。

后端PHP5,PHP6,PHP7,PHP8，ThinkPHP，

客戶是武漢這邊的一家企業(yè)。

webuploader的組件公司研發(fā)部的同事也調(diào)研過，研究過他的實(shí)現(xiàn)，實(shí)際上他就是對(duì)Flash和HTML5進(jìn)行了一個(gè)封裝，本質(zhì)還是調(diào)的HTML5的API，兼容性不是特別好。可擴(kuò)展性也比較差，可維護(hù)性就更不用說了，之前公司項(xiàng)目遇到過坑，到現(xiàn)在連webuploader開發(fā)人員都聯(lián)系不上。想找他們尋求一點(diǎn)技術(shù)支持的幫助，真的是想都不要想。公司這一塊也愿意付費(fèi)，就是付費(fèi)尋求的技術(shù)支持，也不行。這一點(diǎn)真的讓哥幾個(gè)給整郁悶了。領(lǐng)導(dǎo)也不太滿意，所以還是找有技術(shù)支持的產(chǎn)品。研發(fā)部的同事稱這些項(xiàng)目是免費(fèi)坑人項(xiàng)目。

服務(wù)器支持Linux，Windows,macOS,CentOS,中標(biāo)麒麟，銀河麒麟，統(tǒng)信，龍芯，華為鯤鵬，

數(shù)據(jù)庫支持MySQL，達(dá)夢數(shù)據(jù)庫，人大金倉

需要提供前端源碼，后端源碼，控件源碼

需要提供7*24小時(shí)技術(shù)支持，長期技術(shù)支持，長期維護(hù)服務(wù)

需要提供手機(jī)，QQ，微信，企業(yè)微信，電子郵箱等聯(lián)系方式

需要支持包含IE在內(nèi)的全部瀏覽器

終端需要支持Windows,macOS,Linux,信創(chuàng)國產(chǎn)化環(huán)境，中標(biāo)麒麟，銀河麒麟，統(tǒng)信UOS，龍芯，華為

功能需要支持10G，50G,100G大文件上傳和斷點(diǎn)續(xù)傳，刷新續(xù)傳，重啟續(xù)傳

支持超大文件分片，分段，分塊，分割上傳下載，斷點(diǎn)續(xù)傳

支持文件夾上傳，下載斷點(diǎn)續(xù)傳，支持文件夾層級(jí)結(jié)構(gòu)，層級(jí)結(jié)構(gòu)信息保存到數(shù)據(jù)庫，下載的時(shí)候同樣保留層級(jí)結(jié)構(gòu)

支持加密上傳，下載加密，端到端加密，國密SM4加密算法，數(shù)據(jù)加密傳輸，傳輸過程中要保證數(shù)據(jù)是加密的。

版本：6.5.40

代碼：https://gitee.com/xproer/up6-php/tree/6.5.40/

安裝環(huán)境

PHP:7.2.14

調(diào)整塊大小

NOSQL

NOSQL不需要任何配置，可以直接訪問測試

SQL

創(chuàng)建數(shù)據(jù)庫

您可以直接復(fù)制腳本進(jìn)行創(chuàng)建

配置數(shù)據(jù)庫連接

6.安裝依賴

訪問頁面進(jìn)行測試

數(shù)據(jù)表中的數(shù)據(jù)

相關(guān)參考：

文件保存位置

php5教程，

源碼工程文檔：https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

源碼報(bào)價(jià)單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwoiul8gl

OEM版報(bào)價(jià)單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwuzp4W0a
控件源碼下載：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc