2021年4月21日 星期三

跟著書做~php 動態網站系統開發與Laravel框架運用

 1.下載安裝Appserv,要注意Apache的PORT與MYSQL的密碼

2.下載Composer來安裝 Laravel 

3.cmd→composer global require laravel/installer
確認→laravel --version

4.新增一個專案,
cmd→cd c:\Appserv\www\
laravel new phpbook
注意訊息,我遇到的是要去php.ini尋找 fileinfo,將前面的分號去除就是enable

5.在測試的時候少輸入了,後來有輸入,但還是有問題@@
cmd:php artisan key:generate
cmd:php artisan serv --port=8001

6.放棄上個專案,新增一個 EloquentORM的專案,有寫在用EloquentORM.bat,但執行的時候沒有放在WWW中,所以是剪下貼在WWW,看看是否有問題@@另外在寫入MYSQL密碼時,有空格的話,就加上雙引號吧!!!


 

感謝 "php 動態網站系統開發與Laravel框架運用" 的作者們

2021年4月17日 星期六

網站暫時關閉,使用htaccess處理

1.xoops裡面有可以關閉網站,若覺得不漂亮,就要去修改modules\system\templates\system_siteclosed.html檔案
https://xoops.tn.edu.tw/modules/tad_discuss/discuss.php?DiscussID=49768&BoardID=1

2.若是手工做的網站,就要新增.htaccess檔來控制~~
例如,在某個子資料夾中新增.htaccess,控制整個轉址不讓他人看到這個資料夾中的檔案與網頁。其中 underconstruction.html一定要放在根目錄中,而 htaccess是要放在某個資料夾中喔。接著就是去underconstruction.html做編輯處理~~

在.htaccess中新增(https://ithelp.ithome.com.tw/questions/10007791)
rewriteengine on
rewriterule ^(.*)$ /underconstruction.html [R=301]

 其他htaccess設定

http://readily-notes.blogspot.com/2011/11/url-rewrite.html

https://medium.com/%E6%B5%A6%E5%B3%B6%E5%A4%AA%E9%83%8E%E7%9A%84%E6%B0%B4%E6%97%8F%E7%BC%B8/htaccess-with-rewrite-3dba066aff11

https://codertw.com/%E7%A8%8B%E5%BC%8F%E8%AA%9E%E8%A8%80/43108/

https://www.muvy.com.tw/htaccess-www-redirect-setting.html

https://registerboy.pixnet.net/blog/post/26074656

 

2021年4月15日 星期四

一次搞懂ASP.NET MVC 5.x 網站開發 練習

 

 

  1.  因為之前有看另一本MVC,所以VS2019及 SSMS都有安裝,只有SQL沒有安裝。今天安裝後,開啟SSMS要連線,就會看到之前舊的設定,要連線到剛剛的SQL就在"伺服器名稱"→瀏覽其他→資料庫引擎,選擇DESKTOP那個即可~~
  2. 預存程序:要先執行 procedure預存程序,才能執行 exec 輸出程序。(若沒有先執行 procedure,就重開起SSMS即可)

 

感謝出這本書的作者們,可以讓我更了解MVC,謝謝

2021年4月8日 星期四

sublime Visual Studio Code 安裝與使用html5

 Sublime

  1.  先下載 sublime。
    https://www.sublimetext.com/3
  2. 下載package control,這是我覺得奇怪的地方,若是每個使用者必須安裝的功能,為什麼不能直接就在軟體中呢???(商業考量@@)。
    https://packagecontrol.io/installation
  3. 安裝package control,照著上面網頁中的指示。先安裝package control(install package control),然後再下載(control.sublime-package)放到sublime安裝位置中的Packages裡。
  4. 安裝中文套件。
    先(shift + ctrl + p)叫出command,簡單輸入install,就會呼叫package control:install package,點選這個。裡面有很多套件可以使用,這邊再輸入chineseLocalizations並點選就安裝成功了。
  5. 新增html
    一開始新增的檔案都是plain text,要點選右下角改成html,即可。並在檔案中輸入<html>就完成了。
  6. emmet套件可以快速產生html、CSS,第一次覺得tab好用(雖然平常都是用tab縮排)
    先安裝emmet,接著在html中輸入div*4 再按 tab鍵,就可以直接產出四個div。
    div+a 、div>div*2、div#wrapper、.background

 VS Code

  1. 先看看說明,並下載portable(zip)
    https://code.visualstudio.com/docs/editor/portable

normalize
https://necolas.github.io/normalize.css/

JQuery
https://jquery.com/

html5shiv 讓舊的瀏覽器認識html5
https://github.com/aFarkas/html5shiv

Adobe color
https://color.adobe.com/zh/create/color-wheel

MediaQuery 用html與css來判斷螢幕寬度

  1.  html那邊在head加入,好讓不同寬度的裝置搭配不同的CSS
    <link rel="stylesheet" href="mediaQuery480.css" media="screen and (max-width:480px)">
  2.  html那邊在head加入,讓螢幕初始縮放比例為100%
    <meta name="viewport" content="width=device-width; inital-scale=1.0">
  3. CSS那邊就加入,開始調整畫面囉
    @media screen and (max-width:480px){
        /* 如果裝置寬度小於或等於480px,就會載入這個CSS */

 Bootstrap

  1. https://getbootstrap.com/
  2.  加入bootstrap.css與 bootstrap.js。CSS通常放在head那邊,js放在footer之後(JQUERY也是)

 變成Android App

  1. 下載安裝java JDK
    將JDK的BIN加入到環境變數
  2. 下載安裝 Android Studio
    要取得並安裝 Android SDK(4.1.3直接內建)
  3. 下載安裝 Node.js
    npm install -g cordova
  4. 接下來都用cordova 來新增(只能用一般 cmd 操作,不用管理員)
  5. cmd D槽,然後 codrova create 專案資料夾
  6. 複製相關檔案到專案中,cmd 到專案中,cordova platform add android
  7. 編譯出apk,cordova build android
  8. 還是要去下載gradle,然後再android studio設定gradle的目錄位置,並在執行gradle.bat(在下載的gradle中)

 

 感謝"秒懂,行動網頁設計"的作者