整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
xTHmUI 是由由國內(nèi)開發(fā)者基于 LineageOS 做出的類原生，這也是除了魔趣之外，第二個國內(nèi)開發(fā)者開發(fā)的第三方類原生系統(tǒng)。其本土化功能豐富，支持陌生號碼識別、還有類似于魅族FLyme系統(tǒng)的狀態(tài)欄歌詞以及游戲模式，在后兩點(diǎn)上，exTHmUI 甚至比國內(nèi)某幾家Android定制UI做得更好。今天就了解一下有關(guān) exTHmUI 的安裝刷入教程。
備份數(shù)據(jù)
以小米手機(jī)默認(rèn)MIUI系統(tǒng)為例。
首先，備份你的手機(jī)數(shù)據(jù)。
根據(jù)以下教程：
（1）MIUI U盤備份（可以備份所有數(shù)據(jù)）：MIUI U盤備份教程
（2）MIUI本地備份（只能備份系統(tǒng)數(shù)據(jù)和軟件程序）：MIUI本地備份教程
（3）鈦備份（可以備份應(yīng)用程序和數(shù)據(jù)，需要root）：鈦備份應(yīng)用數(shù)據(jù)備份教程
推薦U盤備份以及本地備份。本地備份完成之后，請把相應(yīng)的備份文件夾（MIUI-BackUp）移動到電腦
備份完成后，把備份后的文件夾都移動到電腦或者 OTG U盤 。
申請解鎖
以小米手機(jī)為例。
去小米官網(wǎng)申請解鎖。
網(wǎng)址：https://www.miui.com/unlock/index.html
解鎖過程中，按照提示操作即可（會清除數(shù)據(jù)）。操作系統(tǒng)要求Windows7及以上，不支持XP；如果沒有安裝驅(qū)動，可以在解鎖工具中，點(diǎn)擊一個齒輪按鈕，進(jìn)行驅(qū)動安裝；解鎖過程中如果在手機(jī)屏幕左上角出現(xiàn)一行英文小字，并且解鎖失敗的，換用電腦的USB2.0接口即可解決。
另外，下載好的解鎖工具請務(wù)必解壓縮之后再使用。
注：
解鎖會清除數(shù)據(jù)，記得第一步把數(shù)據(jù)移動到你的電腦；
剛綁定賬號的新機(jī)無法立刻解鎖，需要等待幾天；
解鎖完成之后，重啟，進(jìn)行下一步。
下載ROM固件和Magisk框架
exTHmUI 官網(wǎng)：
https://exthmui.cn/
exTHmUI 固件下載地址：
https://download.exthmui.cn/exthmui/
（*英文字母代表機(jī)型代號）
小編使用紅米 Note7 作為測試，代號 lavender，找到并點(diǎn)擊箭頭所指的位置，即可下載最新的系統(tǒng)固件。
小米系列其他機(jī)型代號&非小米手機(jī)查詢機(jī)型代號的教程都在下面的教程文章當(dāng)中：
小米手機(jī)設(shè)備代號一覽【2021年5月24日更新】
*下載過程中盡量不要中斷
Magisk框架 卡刷包下載：
在公眾號后臺回復(fù)關(guān)鍵詞：Magisk框架
底包下載
exTHmUI 一般默認(rèn)以MIUI穩(wěn)定版為底包。這里使用刷入MIUI穩(wěn)定版固件然后雙清的方式獲得。
MIUI穩(wěn)定版固件下載地址：
https://www.miui.com/download.html
文件轉(zhuǎn)移
把下載的 exTHmUI 固件、MIUI穩(wěn)定版固件、Magisk卡刷包移動到電腦或者OTG U盤當(dāng)中 。（后面會進(jìn)行格式化Data分區(qū)操作）
刷入第三方REC
第三方REC機(jī)型下載（推薦使用官方twrp.me）：
第三方REC的下載渠道、安裝教程更新
方法一：電腦一鍵線刷第三方REC
方法二：手機(jī)刷第三方Recovery
方法三：
.img 格式的第三方REC如何刷入？
（1）首先如果原作者有提供刷入方法，請務(wù)必按照作者的方法刷入，尤其是某些特殊的機(jī)型，比如出廠安卓11+ 虛擬AB分區(qū)的
（2）如果你的手機(jī)已經(jīng)有了root，比如MIUI開發(fā)版系統(tǒng)自帶的root，可以使用【鏡像助手】（下載地址:https://cookfans.lanzoui.com/iSTjrr2rn7g）
（3）如果你的系統(tǒng)是穩(wěn)定版，解鎖之后，使用電腦，通過【搞機(jī)助手PC版】軟件將第三方REC刷入
搞機(jī)助手PC版使用和下載方法：
有了它，電腦搞機(jī)也很簡單~
方法四：如何用第三方rec刷入新的rec?（REC更換或者升級）
注意事項(xiàng)：
在第三方REC刷入并進(jìn)入REC的時候，如果你的REC不支持自動解密Data分區(qū)，或者你的設(shè)備打開了密碼鎖，會出現(xiàn)以下幾種情況：
1：顯示宮格圖案或者密碼解鎖。這時候，你只需要用你設(shè)置的圖案或者密碼解鎖即可自動解密分區(qū)。目前絕大多數(shù)是這樣。
2：內(nèi)部存儲顯示為0或者所有的文件目錄均亂碼。此時，你需要手動格式化Data分區(qū)（點(diǎn)"清除"，"格式化Data分區(qū)"；格式化Data分區(qū)會清除所有數(shù)據(jù)）。
3：第三方REC最好使用最新版本
刷入固件和Magisk
第一種刷入方法（適用于原本是官方系統(tǒng)的用戶）：
（1）進(jìn)入第三方REC，點(diǎn)擊盤【清除】，選擇【格式化Data分區(qū)】，輸入【yes】，然后點(diǎn)擊藍(lán)色對勾按鈕。隨后返回首頁。
（2）數(shù)據(jù)線連接電腦和手機(jī)，隨后把 exTHmUI 固件、MIUI穩(wěn)定版固件、Magisk卡刷包移動到手機(jī)內(nèi)部存儲中。（OTG U盤同理）
（2）在第三方REC中，點(diǎn)擊安裝，選擇MIUI穩(wěn)定版固件，取消勾選下面的“刷完后自動重啟的選項(xiàng)”，然后刷入固件。隨后，返回首頁，點(diǎn)擊『清除』，滑動下面的按鈕進(jìn)行『雙清』。
（3）返回主界面，選擇安裝，找到 exTHmUI 固件以及Magisk框架卡刷包，依次刷入，刷完后，重啟手機(jī)。
如果出現(xiàn)了谷歌驗(yàn)證無法跳過的情況，請看這篇教程文章：
跳過谷歌開機(jī)驗(yàn)證方法總結(jié)
第二種刷入方法（適用于原本是官方系統(tǒng)的用戶）：
（1）先在原來的系統(tǒng)基礎(chǔ)上直接【雙清】
（2）刷入 exTHmUI 固件
（3）刷入完成后，返回第三方REC首頁，選擇【格式化Data】分區(qū)
（4）然后刷入Magisk框架，重啟手機(jī)
第三種刷入方法（適用于原本就是類原生系統(tǒng)的用戶）：
（1）先在原來的系統(tǒng)基礎(chǔ)上直接【四清】；四清指的是清除除了內(nèi)部存儲分區(qū)以及外接OTG存儲分區(qū)之外的其他幾個分區(qū)數(shù)據(jù)
（2）依次刷入 exTHmUI 固件和Magisk框架
（3）重啟手機(jī)
該系統(tǒng)默認(rèn)不內(nèi)置谷歌服務(wù)框架，有需要的請按照下面的教程，自行下載Gapps卡刷包，并使用第三方REC刷入即可。Open Gapps 使用教程更新（Android 11 已支持）
系統(tǒng)總結(jié)和界面
（1）系統(tǒng)默認(rèn)不自帶谷歌服務(wù)框架
（2）小編測試的機(jī)型，默認(rèn)相機(jī)為MIUI相機(jī)
（3）默認(rèn)圖標(biāo)、壁紙風(fēng)格、界面不錯
（4）電話、短信、日歷、圖庫、瀏覽器、計(jì)算器均做了本地化處理（替換應(yīng)用或者優(yōu)化功能）
（5）支持高級設(shè)置、游戲模式、狀態(tài)欄歌詞、黃頁、主題切換
時間校對、WiFi嘆號
進(jìn)入系統(tǒng)后，如果出現(xiàn)時間不對，無法上網(wǎng)、WiFi異常、提示網(wǎng)絡(luò)受限等問題，可以按照下面的方法進(jìn)行調(diào)整：（理論上此ROM上不會出現(xiàn)）
教程 | 類原生系統(tǒng)網(wǎng)絡(luò)受限，信號×的解決方法
類原生系統(tǒng)優(yōu)化
在公眾號的菜單欄『教程目錄』中，可以找到有關(guān)類原生ROM的調(diào)教優(yōu)化、APP推薦等。教程目錄【2020年3月更新】
好了，本期教程到此結(jié)束。喜歡的話記得點(diǎn)個關(guān)注~
在有很多的導(dǎo)購網(wǎng)站，如果我們想自己開發(fā)一個可以適應(yīng)于手機(jī)的的webapp，應(yīng)該如何開發(fā)？那么我們今天選擇使用mui來開發(fā)一個移動導(dǎo)購頁面。上一節(jié)我們說到如何將淘寶客選品庫的數(shù)據(jù)導(dǎo)入到MYSQL里面去，如果不是很了解的話，可以觀看之前的視頻
將淘寶客選品庫的數(shù)據(jù)導(dǎo)入到mysql數(shù)據(jù)庫中
首先，我們可以登錄到mui的官網(wǎng)，到GitHub下載它需要的CSS和JS文件。官網(wǎng)地址
http://dev.dcloud.net.cn/mui/getting-started/
https://github.com/dcloudio/mui
由于我這里開發(fā)的是使用HBuilder，和MUI同一個公司旗下的作品。下載地址
http://dcloud.io/
注意，由于我這里是使用PHP開發(fā)的，所以我們還需要按照PHP解析服務(wù)器。這個大家根據(jù)自己的電腦平臺進(jìn)行安裝，我就不做詳細(xì)的介紹了。
大家安裝好開發(fā)環(huán)境后，現(xiàn)在就可以直接開發(fā)我們的程序了。
一、數(shù)據(jù)庫設(shè)計(jì)
這里我們根據(jù)在淘寶客網(wǎng)站后臺導(dǎo)出的excel文件的字段進(jìn)行設(shè)計(jì)數(shù)據(jù)庫的屬性，對于如何將里面的數(shù)據(jù)導(dǎo)入到mysql里面去，大家可以觀看我之前錄制的一個視頻
將淘寶客選品庫的數(shù)據(jù)導(dǎo)入到mysql數(shù)據(jù)庫中
/*
Navicat MySQL Data Transfer
Source Server : ming
Source Server Version : 50549
Source Host : www.yeehot.com
Source Database : yeehotdb
Target Server Version : 50549
File Encoding : utf-8
Date: 03/07/2017 10:09:36 AM
*/
SET NAMES utf8;
SET FOREIGN_KEY_CHECKS=0;
-- ----------------------------
-- Table structure for `yeehot_taokaoke_shop_copy`
-- ----------------------------
DROP TABLE IF EXISTS `yeehot_taokaoke_shop_copy`;
CREATE TABLE `yeehot_taokaoke_shop_copy` (
`id` varchar(255) NOT NULL,
`name` varchar(255) CHARACTER SET utf8 NOT NULL,
`img` varchar(255) NOT NULL,
`detail` varchar(255) NOT NULL,
`shopname` varchar(255) NOT NULL,
`price` varchar(255) NOT NULL,
`count` varchar(255) NOT NULL,
`rate` varchar(255) NOT NULL,
`earn` varchar(255) NOT NULL,
`wangwang` varchar(255) NOT NULL,
`shortlink` varchar(255) NOT NULL,
`longlink` varchar(255) NOT NULL,
`kouling` varchar(255) NOT NULL,
`youhuiquancount` int(11) NOT NULL,
`youhuiquanlimit` int(11) NOT NULL,
`youhuiquanminae` varchar(255) NOT NULL,
`youhuiquanbegin` varchar(255) NOT NULL DEFAULT 'CURRENT_TIMESTAMP',
`youhuiquanend` varchar(255) NOT NULL DEFAULT '0000-00-00 00:00:00',
`youhuiquanlink` varchar(255) NOT NULL,
`youhuiquantaokou` varchar(255) NOT NULL,
`youhuiquanshortlink` varchar(255) NOT NULL,
`sid` int(10) unsigned NOT NULL AUTO_INCREMENT,
PRIMARY KEY (`sid`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
SET FOREIGN_KEY_CHECKS=1;
二、創(chuàng)建項(xiàng)目
打開HBuilder,創(chuàng)建一個web項(xiàng)目，輸入項(xiàng)目名稱，我這里以Dagou為例子。
三、添加相應(yīng)的MUI的css和js文件
我們剛剛提到可以在GitHub下載MUI的源碼，里面有相應(yīng)的CSS和js文件，我們把它復(fù)制到我們的項(xiàng)目中去。如下圖
四、創(chuàng)建數(shù)據(jù)庫連接
新建一個PHP文件，命名為conn.php,我們在里面輸入連接數(shù)據(jù)庫的代碼
<?php
/*****************************
*數(shù)據(jù)庫連接
*****************************/
$conn=mysql_connect("www.yeehot.com","root","yeehot.com");
if (!$conn){
die("連接數(shù)據(jù)庫失敗：". mysql_error());
}
mysql_query("set names utf8;");
mysql_select_db("yeehotdb", $conn);
?>
五、創(chuàng)建導(dǎo)購頁面
我這里以index.php測試，新建一個index.php文件，然后輸入
<?php
//連接數(shù)據(jù)庫
include ('conn.php');
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>導(dǎo)購</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/mui.min.css">
<link rel="stylesheet" href="css/app.css" />
<style type="text/css">#list {
/*避免導(dǎo)航邊框和列表背景邊框重疊，看起來像兩條邊框似得；*/
margin-top: -1px;
}</style>
<script>$(window).ready(function() {
(function($) {
$('body').on('tap', '.clicked', function(event) {
var url=this.getAttribute('href');
var blank=this.getAttribute('target');
if(blank=='_blank') {
window.open(url);
} else {
window.location.href=url;
}
});
})(mui);
})</script>
</head>
<body>
<ul class="mui-table-view index">
<?php
$type=$_GET['type'];
$page=$_GET['page'];
$pagesize=20;
if ($page <=1) {
$page=1;
}
$offset=$pagesize * ($page - 1);
$res1=mysql_query("select * from yeehot_taokaoke_shop order by id asc limit $offset,$pagesize");
while ($row1=mysql_fetch_array($res1)) {
$img=$row1['img'];
$link=$row1['shortlink'];
echo " <li class='mui-table-view-cell mui-media'>";
echo "<a href='$link'> ";
echo "<img class='mui-media-object imginfo mui-pull-left' src='$img'>";
echo "<div class='mui-media-body'>";
echo " <p class='mui-ellipsis-2'>" . $row1['name'] . "</p>";
echo " <p class='mui-ellipsis'>" . $row1['shopname'] . "</p>";
echo " <p class='price'>";
echo " <span class='beforeprice'>月售" . $row1['count'] . "</span>";
echo "<span class='afterprice mui-pull-right' >" . $row1['price'] . "元</span>";
echo "</p>";
$isquan=$row1['youhuiquanminae'];
$begin=$row1['youhuiquanbegin'];
$end=$row1['youhuiquanend'];
if( strlen($begin)>0&&strlen($end)>0&&$isquan!='無')
{
$_nowtime=date("Y-m-d",time());
$beginDate=date("Y-m-d",strtotime($begin));
$endDate=date("Y-m-d",strtotime($end));
$nowtime=time();
if($nowtime>=strtotime($begin)&&$nowtime<strtotime($end))
{
echo "<button type=\"button\" data-loading-icon-position=\"right\" class=\"mui-btn mui-btn-danger mui-pull-right btinfo mui-btn-outlined\">$isquan >去領(lǐng)券</button>";
}
}
echo "</div>";
echo " </a>";
echo " </li>";
}
?>
</ul>
</body>
<script src="js/mui.min.js"></script>
</html>
此外，app.css的文件內(nèi)容如下
.mui-plusheader.mui-bar{
display:none;
}
.mui-plus.mui-bar-nav~.mui-content{
padding:0;
}
/*hm開頭的表示僅為 Hello MUI示例定義*/
.hm-description{
margin:.5em0;
}
.hm-description>li{
font-size:14px;
color:#8f8f94;
}
.index.imginfo{
line-height:5em;
min-width:7em;
height:7em;
}
.index.btinfo{
margin-top:1em;
}
.itemName{
color: black;
font-size:0.9em;
}
.price{
margin-top:10px;
font-size:1em;
}
.afterprice{
color:#CF2D28;
margin-left:10px;
}
.beforeprice{
color: black;
font-size:14px;
/*//text-decoration: line-through;*/
}
最終效果如下
歡迎繼續(xù)關(guān)注我的頭條號：一點(diǎn)熱,如果有什么問題，歡迎留言咨詢，我看到之后會第一時間回復(fù)大家的。也歡迎收藏與轉(zhuǎn)發(fā)，如果需要轉(zhuǎn)載到其他網(wǎng)站，請與我聯(lián)系，yeehot.com
Builder是一款深度集成Eelipse的IDE編輯器，但其主要集中在Web前端的開發(fā)，不能進(jìn)行Java等后臺開發(fā)。HBuilder提供了對JavaScrijpt、jQuery、HTML5+、MUI等語法的提示功能，同時包含很多快捷鍵，讓前端開發(fā)更加便捷。
訪問HBuilder官方網(wǎng)站(http://www.dcloud.io),下載最新版的HBuilder,如下圖所示。
在圖上圖中單擊“下載”按鈕，會出現(xiàn)下載提示框，如下所示。
在圖片中可以看到HBuilder的當(dāng)前版本、歷史版本以及各平臺的不同版本，讀者在下載時根據(jù)自己的設(shè)備選擇適合的版本即可。
HBuilder下載完成，解壓到指定的路徑后，雙擊啟動文件HBuilder.exe,會出現(xiàn)一個啟動頁面，完成用戶注冊并登錄后，便可開始使用HBuilder。HBuilder開發(fā)界面如圖所示。
在上圖中，左側(cè)項(xiàng)目管理器中會出現(xiàn)一個名稱為HelloHBuilder的示例項(xiàng)目，右側(cè)會出現(xiàn)一個HBuilder入門的窗口，該窗口中顯示的內(nèi)容是HBuilder官方的使用教程，提供了HBuilder的詳細(xì)使用方法。
下面以新建項(xiàng)目、新建文件以及運(yùn)行文件為例簡單講解HBuilder的使用。
首先，在C盤下創(chuàng)建jQuery目錄用于保存項(xiàng)目文件。然后選擇“文件”一“新建”→“Web項(xiàng)目”命令，打開“創(chuàng)建Web項(xiàng)目”對話框，如下所示。
在上圖中，填寫項(xiàng)目名稱(如chapter01ln,選擇項(xiàng)目的保存位置(如C：\jQuery)，單擊“完成”按鈕創(chuàng)建Web項(xiàng)目。
最后，編寫項(xiàng)目中默認(rèn)的文件index.html,利用HBuilder提供的工具完成文件的運(yùn)行，頁面效果如下。
在上圖中，單擊方框內(nèi)的圖標(biāo)，即可在瀏覽器運(yùn)行此文件，頁面效果如下所示。
HBuilder中有很多快捷鍵，開發(fā)者使用這些快捷鍵，可以更加高效地工作。HBuilder常用快捷鍵如表所示。
HBuilder 常用快捷鍵
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
