サンプルコード
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<div id="example04"> <input type="text" v-model="message"> <button v-on:click="greet">Greet</button> <!-- v-on属性--> <button @click="greet">Greet Again</button> </div> <script> var exampleData04={ message:"Nice meeting U" }; var vm2=new Vue({ el:"#example04", data:exampleData04, methods:{ greet:function(){ alert(this.message); } } }) </script> |
サンプルコード
//リストにデータを保存
$redis->lpush(‘list’, ‘html’);
$redis->lpush(‘list’, ‘css’);
$redis->lpush(‘list’, ‘php’);
//リストの値を取得
$list = $redis->lrange(‘list’, 0, -1);
print_r($list);echo ‘<br>’;
//lrange()–rpush
$redis->rpush(‘list’, ‘mysql’);
$list = $redis->lrange(‘list’, 0, -1);
print_r($list);echo ‘<br>’;
//lrange()–lpop
$redis->lpop(‘list’);
$list = $redis->lrange(‘list’, 0, -1);
print_r($list);echo ‘<br>’;
//rpop()
$redis->rpop(‘list’);
$list = $redis->lrange(‘list’, 0, -1);
print_r($list);echo ‘<br>’;
実行結果:
Array ( [0] => php [1] => css [2] => html )
Array ( [0] => php [1] => css [2] => html [3] => mysql )
Array ( [0] => css [1] => html [2] => mysql )
Array ( [0] => css [1] => html )
iframeコード(cft.html)
<iframe src=”demo.html” id=”iframeId” width=”560″ height=”350″ frameborder=”0″ scrolling=”auto”></iframe>
方法1(demo.html)
$(window.parent.document).find(“#iframeId”).load(function(){
var iframeId = $(window.parent.document).find(“#iframeId”);
var currentHeight = $(document).height()+30;
iframeId.height(currentHeight);
});
方法2(cft.html)
$(“#iframeId”).load(function(){
var iframeIdheight = $(this).contents().find(“body”).height()+30;
$(this).height(iframeIdheight);
});
1.axios の導入
npm install –save axios
サンプルコード:
var update_url = axios.create({
baseURL:’debug url’
});
update_url.get(‘/debug url’).then(function (response){
//response
}
2.get,postでurlをrequestする
サンプルコード:
request.post({url:’http://172.17.2.100/backup/client/interface1s.php?func=getMusicPath’,formData:{musicname:task.name}},function optionalCallback(err,httpResponse,body){
//body
}
サンプルコード：
<!–dialog begin add–>
<el-dialog title=”ユーザ編集” :visible.sync=”dialogFormVisible”
custom-class=”editDialog”
:close-on-click-modal=”false”
:before-close = “cleanContent”
:show-close = “false”
size=’tiny’>
<el-form :model=”ruleForm” :rules=”rules” ref=”ruleForm”>
<el-form-item label=”ユーザ” prop=”account” label-width=”100px” >
<el-col :span=”20″>
<el-input v-model=”ruleForm.account” ></el-input>
</el-col>
</el-form-item>
</el-form>
<div slot=”footer” class=”dialog-footer”>
<el-button @click=”cancledialog(‘ruleForm’)”>キャンセル</el-button>
</div>
</el-dialog>
//js
cancledialog(formRule){
this.$refs[formRule].resetFields();
}
CSSコード
<head>
<style type=’text/css’>
.shadwoFirst {
background-color:#c06;
padding:5px;
color:#fff;
-webkit-box-shadow: 5px 5px 5px #000;
-moz-box-shadow: 5px 5px 5px #000;
}
.shadwowSecond {
background-color:#c06;
padding:5px;
color:#fff;
-webkit-box-shadow: -5px -5px 5px #000;
-moz-box-shadow: -5px -5px 5px #000;
}
</style>
</head>
<body>
<p class=”shadwoFirst”>テスト1</p>
<p class=”shadwowSecond”>テスト2</p>
</body>
CSSコード：
<style type=’text/css’>
.cft {
background-color: rgb(255, 255, 255);
margin-top: 100px;
padding: 10px;
border-top: 4px solid rgb(0, 130, 202);
box-shadow: inset 0 -8px 4px 4px rgb(255, 255, 255), inset 0 2px 4px 0px
rgba(50, 50, 50, 0.75);
}
</style>
</head>
<body>
<div class=”cft”>影を付ける</div>
</body>
1.nginxパッケージのダウンロード
#wget http://nginx.org/download/nginx-1.13.4.tar.gz
2.解凍
#tar xzvf nginx-1.13.4.tar.gz
3.コンパイルインストール
#./configure –prefix=/usr/local/nginx-1.13.4 && make && make install
4.設定ファイルをバックアップ
#cd /usr/local/nginx-1.13.4 && cp nginx.conf nginx.conf.bak
5.nginxの操作
起動
/usr/local/nginx-1.13.4/sbin/nginx -c /usr/local/nginx-1.13.4/conf/nginx.conf &リロード
/usr/local/nginx-1.13.4/sbin/nginx -s reload
停止
/usr/local/nginx-1.13.4/sbin/nginx -s stop
# cat /etc/redhat-release
CentOS Linux release 7.3.1611 (Core)
# wget http://dl.fedoraproject.org/pub/epel/7/x86_64/e/epel-release-7-10.noarch.rpm
# sudo rpm -ivh epel-release-7-10.noarch.rpm
Preparing… ################################# [100%]
Updating / installing…
1:epel-release-7-10 warning: /etc/yum.repos.d/epel-testing.repo created as /etc/yum.repos.d/epel-testing.repo.rpmnew
warning: /etc/yum.repos.d/epel.repo created as /etc/yum.repos.d/epel.repo.rpmnew
################################# [100%]
# sudo yum install –enablerepo=epel php-mcrypt
Loaded plugins: fastestmirror, langpacks
Loading mirror speeds from cached hostfile
* epel: ftp.riken.jp
* remi-safe: mirrors.mediatemple.net
Resolving Dependencies
–> Running transaction check
—> Package php-mcrypt.x86_64 0:5.4.16-7.el7 will be installed
–> Processing Dependency: libmcrypt.so.4()(64bit) for package: php-mcrypt-5.4.16-7.el7.x86_64
–> Running transaction check
—> Package libmcrypt.x86_64 0:2.5.8-13.el7 will be installed
–> Finished Dependency Resolution
Dependencies Resolved
================================================================================
Package Arch Version Repository Size
================================================================================
Installing:
php-mcrypt x86_64 5.4.16-7.el7 epel 20 k
Installing for dependencies:
libmcrypt x86_64 2.5.8-13.el7 epel 99 k
Transaction Summary
================================================================================
Install 1 Package (+1 Dependent package)
Total download size: 119 k
Installed size: 331 k
Is this ok [y/d/N]: y
Downloading packages:
(1/2): libmcrypt-2.5.8-13.el7.x86_64.rpm | 99 kB 00:00
(2/2): php-mcrypt-5.4.16-7.el7.x86_64.rpm | 20 kB 00:00
——————————————————————————–
Total 432 kB/s | 119 kB 00:00
Running transaction check
Running transaction test
Transaction test succeeded
Running transaction
Warning: RPMDB altered outside of yum.
Installing : libmcrypt-2.5.8-13.el7.x86_64 1/2
Installing : php-mcrypt-5.4.16-7.el7.x86_64 2/2
Verifying : libmcrypt-2.5.8-13.el7.x86_64 1/2
Verifying : php-mcrypt-5.4.16-7.el7.x86_64 2/2
Installed:
php-mcrypt.x86_64 0:5.4.16-7.el7
Dependency Installed:
libmcrypt.x86_64 0:2.5.8-13.el7