2. 程式人生 > 其它 >yii樣式檔案的引入，靜態檔案的引入

yii樣式檔案的引入，靜態檔案的引入

阿新 • • 發佈：2021-01-13

技術標籤：yiiphp

<?php 
	use yii\helpers\Url;
	use yii\widgets\ActiveForm; 
	use backend\assets\AppAsset;
	$this->registerJsFile('/backend/web/log/js/jquery.js', ['depends' => backend\assets\AppAsset::className(), "position"=> $this::POS_END]);
	$this->registerJsFile('/backend/web/log/js/bootstrap.min.js'
 
, ['depends' => backend\assets\AppAsset::className(), "position"=> $this::POS_END]);
	$this->registerJsFile('/backend/web/log/js/swiper.min.js', ['depends' => backend\assets\AppAsset::className(), "position"=> $this::POS_END]);
	$this->registerJsFile('/backend/web/log/js/main.js'
 
, ['depends' => backend\assets\AppAsset::className(), "position"=> $this::POS_END]);
	$this->registerJsFile('/backend/web/log/js/wow.min.js', ['depends' => backend\assets\AppAsset::className(), "position"=> $this::POS_END]);
	$this->registerJsFile('/backend/web/log/js/mdui.min.js'
 
, ['depends' => backend\assets\AppAsset::className(), "position"=> $this::POS_END]);
	$this->registerJsFile('/backend/web/log/layer/layer.js', ['depends' => backend\assets\AppAsset::className(), "position"=> $this::POS_END]);
	
	$this->registerCssFile('/backend/web/log/css/bootstrap.css', ['depends' => backend\assets\AppAsset::className(), "position"=> $this::POS_END]);
	$this->registerCssFile('/backend/web/log/css/main.css', ['depends' => backend\assets\AppAsset::className(), "position"=> $this::POS_END]);
	$this->registerCssFile('/backend/web/log/css/swiper.min.css', ['depends' => backend\assets\AppAsset::className(), "position"=> $this::POS_END]);
	$this->registerCssFile('/backend/web/log/css/font-awesome.min.css', ['depends' => backend\assets\AppAsset::className(), "position"=> $this::POS_END]);
	$this->registerCssFile('/backend/web/log/css/animate.min.css', ['depends' => backend\assets\AppAsset::className(), "position"=> $this::POS_END]);
	$this->registerCssFile('/backend/web/log/css/mdui.min.css', ['depends' => backend\assets\AppAsset::className(), "position"=> $this::POS_END]);
	$this->registerCssFile('/backend/web/log/layer/mobile/need/layer.css', ['depends' => backend\assets\AppAsset::className(), "position"=> $this::POS_END]);
	
	
	AppAsset::register($this);
?>
<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<?php $this->registerCsrfMetaTags() ?>
		<title>999</title>
		<?php $this->head() ?>
		<!-- HTML5 shim 和 Respond.js 是為了讓 IE8 支援 HTML5 元素和媒體查詢（media queries）功能 -->
		<!-- 警告：通過 file:// 協議（就是直接將 html 頁面拖拽到瀏覽器中）訪問頁面時 Respond.js 不起作用 -->
		<!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/[email protected]/dest/respond.min.js"></script>
    <![endif]-->
	</head>
	<body>
		<?php $this->beginBody() ?>
		<div class="log" style="background: url(/backend/web/log/img/login-bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;">
			<div class="con_log">
				<div class="main">
					<div class="main_left">
						<div class="tit">登陸</div>
						<form action="">
							<div class="form-group">
							  <input type="text" class="form-control col-md-12" id="inputSuccess1" aria-describedby="helpBlock2" placeholder="使用者名稱">
							</div>
							<div class="form-group">
							  <input type="password" class="form-control col-md-12" id="inputSuccess2" aria-describedby="helpBlock2" placeholder="密碼">
							</div>
							<div class="form-group form_con">
							  <input type="text" class="form-control col-md-12" id="inputSuccess3" aria-describedby="helpBlock2" placeholder="驗證碼">
							  <div class="code">555</div>
							</div>
							<div class="form-group">
							  <input type="submit" class="btn btn-default btn-info" onclick="return fun()" value="登陸">
							</div>
						</form>
					</div>
					
				</div>
			</div>
		</div>
		
		<?php $this->beginBlock('script') ?>
			function fun(){
				$name=$('#inputSuccess1').val();
				$pass=$('#inputSuccess2').val();
				$code=$('#inputSuccess3').val();
				if($name==''){
					layer.msg('請填寫使用者名稱', {icon: 0});
					$('#inputSuccess1').focus();
					return false;
				}
				if($pass==''){
					layer.msg('請填寫密碼',{icon:0});
					$('#inputSuccess2').focus();
					return false;
				}
				if($code==''){
					layer.msg('請填寫驗證碼',{icon:0});
					$('#inputSuccess3').focus();
					return false;
				}
			}
		<?php $this->endBlock() ?>
		<?php $this->registerJs($this->blocks['script'], \yii\web\View::POS_END); ?>
		<?php $this->endBody() ?>
	</body>
</html>
<?php $this->endPage() ?>

相關推薦

yii樣式檔案的引入，靜態檔案的引入

技術標籤：yiiphp <?php use yii\\helpers\\Url; use yii\\widgets\\ActiveForm; use backend\\assets\\AppAsset;

JS 獲取檔案字尾，判斷檔案型別(比如是否為圖片格式)

1、獲取檔案字尾 有時候我們需要通過檔名或者路徑，得到該檔案的字尾名（副檔名），可以通過如下方式進行擷取：

將二維陣列轉換成稀疏陣列，並寫入到檔案中，讀取檔案中的稀疏陣列，將其恢復到原始的二維陣列

技術標籤：資料結構java資料結構矩陣 稀疏陣列 例如二維陣列中有很多0或者同一值，如果將這些資料元素全部記錄儲存的話，會浪費儲存空間，因為記錄了許多無意義的值。所以需要利用稀疏陣列對二維陣列進行壓縮。

js下載檔案流，提示檔案損壞問題

技術標籤：jsjavascript 記錄一下前端下載後端返回的檔案流，提示檔案損壞問題。

java springboot呼叫海康SDK（初始化、獲取通道列表，獲取檔案列表，根據檔案下載檔案，根據時間下載檔案，用ffmpeg轉封裝ps流錄影檔案）

我都是貼的程式碼，很長，可以私信我要spring boot工程 1.首先要從海康的官網上下載最新的SDK到本地（我的是win7_64）

FATFS（筆記1）-SD卡建立FATFS檔案系統，輸出檔案列表

使用STM32CubeMX配置MDK檔案，具體配置過程自行百度 配置完成之後需要修改以下地方

C# MVC從其他系統獲取檔案流，顯示檔案

public FileResult GetAuditPrintPdf(string bh,string url){try{var client = new WebClient();string tempFile = Path.GetTempFileName();client.DownloadFile(url, tempFile);//下載臨時檔案var stream = FileTo

檢視檔案內容，編輯檔案內容

1、在終端可以使用vim命令來直接編輯檔案內容，例如：vim config vim有三種模式：命令模式、輸入模式、底線命令模式。

模擬copy命令，接收原始檔路徑和目標檔案路徑，實現檔案或資料夾拷貝操作

package learning; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException;

根據檔案資料，檢測檔案型別

這個函式，我會一直擴充下去。很多資料是網上查的，有自己分析的，當然肯定有bug。

關於QT的debug模式引入js檔案可用，release模式找不到本地js檔案

技術標籤：QT js檔案的位置 我是在mapindex.html中引入了qwebchannel.js <script type="text/javascript" src="qrc:/font/images/static/qwebchannel.js"></script>

vue-quill-editor 引入了css檔案但是有些樣式預覽時回顯不出來的問題

技術標籤：遇到的問題 轉載:https://www.cnblogs.com/chaoyueqi/p/11716464.html 問題描述：在使用vue-quill-editor時，有些樣式不能和編輯時一樣表現，如:

python操作讀寫excel，csv檔案。 csv-xlrd-xlwt模組引入

python寫.csv檔案需要匯入csv庫；python讀excel依賴xlrd模組，寫excel依賴xlwt模組，話不多說，直接上程式碼。

13、在模板中引入靜態檔案

靜態檔案的載入一般需要先在專案檔案的根目錄下新建資料夾static，在資料夾下再新建css、js和images等資料夾，在這些資料夾中存放css、js、images等，同時要需要使用url_for函式。

vue元件內部引入外部js檔案的方法

之所以要做這個是因為，在一個元件內部需要引入一個js檔案來定位。如果放在index.html，這樣每個元件都會有這個js。所以需要在元件內單獨引入。

關於引入vue.js 檔案的知識點總結

一、引入vue.js 檔案 1. 用指令碼標籤<script> 引入外部vue.js 檔案 <script src=\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\"></script>

react 全域性引入less公共檔案

在配置檔案config-overrides.js中修改 const { override, fixBabelImports, addLessLoader } = require(\'customize-cra\');

vue專案中如何全域性引入scss/sass檔案

專案中我們會定義很多全域性變數（如下） 為了更好的程式碼複用，避免寫重複程式碼，問題的關鍵是怎麼在我們的專案中引入這些檔案。

maven引入本地目錄檔案

有的時候，我們因為maven環境原因，導致一些jar無法依賴， 這個時候我們可以把jar引入專案工程內部，進行依賴，

IOC引入外部屬性檔案

IOC引入外部屬性檔案：（順帶資料庫操作） 一：使用場景： 在配置的時候，給property的值比較多，比如引入整個資料庫的資訊，這時候直接在配置檔案中寫比較繁瑣，所以引入外部property檔案來操作