Presentation is loading. Please wait.

Presentation is loading. Please wait.

資訊專案系統開發 實作課程 講師:張秀山 css0503@gmail.com.

Similar presentations


Presentation on theme: "資訊專案系統開發 實作課程 講師:張秀山 css0503@gmail.com."— Presentation transcript:

1 資訊專案系統開發 實作課程 講師:張秀山

2 參考網址 帳號:admin 密碼:123456 程式是PHP+Mysql

3 環境安裝 Appserv安裝 PHP+Mysql 的執行環境 網站伺服器 Sublime安裝 程式編輯器

4 Appserv安裝 https://www.appserv.org/download/ 下載 Download
執行 appserv-win exe

5 Appserv安裝

6 Appserv安裝

7 Appserv安裝

8 Appserv安裝

9 Appserv 測試

10 Sublime安裝 下載網址:https://www.sublimetext.com/3 安裝教學:

11 架構 登入 產品管理 產品清單 產品新增 出貨管理 客戶清單 客戶新增 出貨清單 出貨新增 進貨管理 廠商清單 廠商新增 進貨清單 進貨新增
基本資料

12 建立資料夾(網站) 網站位置:C:\AppServ\www 建一個資料夾:erp 把網站放在 C:\AppServ\www\erp

13 Sublime File => Open Folder => C:\AppServ\www\erp

14 建立首頁 File => New File 首頁檔名:index.php 輸入「!」按「Tab」 Title 網站標題
lang=“zh-Hant-TW“ 台灣繁體中文

15 建立資料庫 http://localhost:8080/phpMyAdmin 左邊「新增」,右邊「建立新資料庫」 名稱:erp
編碼與排序: utf8_unicode_ci 按「建立」

16 建立資料表 資料表名稱:admin 欄位數:4

17 Admin的欄位 # 名稱 型態 編碼與排序 屬性 空值 預設值 備註 額外資訊 1 id int(11) 否 無 2 account
AUTO_INCREMENT 2 account varchar(20) utf8_unicode_ci 帳號 3 password varchar(40) 密碼 4 name varchar(10) 姓名

18 輸入一筆帳號

19 資料庫連線 新增 conn.php <?php $host=“localhost”; //資料庫主機位置
$user=“root”; //帳號 $passwd=“ ”; //密碼 $dataBase=“erp”; //資料庫名稱 $link= mysqli_connect($host,$user,$passwd,$dataBase); //建立連線 if($this->link) echo "成功"; else echo "失敗"; ?>

20 常用設定 mysqli_query($link,“SET NAMES ‘UTF8’”); //避免中文寫入資料庫變亂碼
date_default_timezone_set(“Asia/Taipei”); //設定台灣時區 header(‘Content-Type: text/html; charset=utf-8’); //php檔頭編碼,避免中文顯示亂碼 測試連線:

21 登入表單 <body> <form action="" method="post">
<p>帳號:<input type="text" name="account"></p> <p>密碼:<input type="password" name="password"></p> <p><input type="submit" value="登入"></p> <p style="color:#ff0000"><?php echo $errStr; ?></p> </form> </body>

22 Index.php 連結 conn.php include("./conn.php"); PHP程式的前面要加 <?php
後面要加 ?>

23 MySql查詢指令 SELECT `欄位1`,`欄位2`,… FROM `資料表名稱` WHERE `欄位1`=‘條件1’ AND|OR `欄位2`=‘條 件2’ ORDER BY `欄位1 ` ASC|DESC SELECT 後面是要顯示的欄位 FROM 後面是要查詢的資料表名稱 WHERE 後面是查詢的條件 ORDER BY 後面是排序欄位 ASC是遞增 DESC是遞減

24 查詢的執行 $sql=“SELECT * FROM `admin` WHERE `account`=‘$account’ AND `password`=‘$password’”; $rs=mysqli_query($link,$sql); //執行sql 語法 (RecordSet) $rec=mysqli_ fetch_array($rs); //把查詢的資料傳給 $rec 讀資料 $rec[欄位名]

25 登入帳號的判斷 <?php if(isset($_POST[account])){
$account=mysqli_real_escape_string($dbLink->link,$_POST['account']); $password=md5($_POST['password']); $sql="SELECT * FROM `admin` WHERE `account`='$account' AND `password`='$password'"; $rs=mysqli_query($link,$sql); $rec=mysqli_fetch_array($rs); if($rec[account]!=""){ $_SESSION['account']=$rec['account']; header("location:main.php"); }else $errStr="帳號或密碼錯誤!!"; }?>

26 Main.php的規劃 因為每頁只有內容不一樣,所以把一頁分割成多頁 Header1.php Main.php 的內容
<?php include("include/header1.php"); ?> <?php include("include/header2.php"); ?> <h1 class="head1">最新網站收藏</h1> <?php include("include/footer.php"); ?> Header1.php 依各頁載入不同的 js 及 css Header2.php 內容 footer.php

27 Header1.php <!DOCTYPE html> <html lang="zh-Hans-TW">
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0"> <meta charset="UTF-8"> <title>ERP</title> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> <link rel="stylesheet" type="text/css" href="screen.css"/> <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css"/> <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap-theme.min.css"/> <link rel="stylesheet" type="text/css" href="../js/ui/jquery-ui.css"/> <script type="text/javascript" src="../js/jquery min.js"></script> <script type="text/javascript" src="../js/ui/jquery-ui.min.js"></script> <script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="../js/jquery.validate.min.js"></script>

28 Header2.php </head> <body>
<header class="container"><img src="../images/logo2.gif"></header> <nav class="navbar navbar-default"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria- expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> </button> </div>

29 Header2.php <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">出貨管理<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="erp_product.php">產品管理</a></li> <li><a class="dropdown-item" href="erp_productAdd.php">新增產品</a></li> </ul> </li> <li><a href="profile.php">基本資料</a></li> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav>

30 Footer.php <div id="footerEnd"> <div class="container">
©2018 <a href=' target='_blank' id='company'>美奇電腦製作</a></p> </div> </body> </html>

31 各頁檔名 客戶清單:customer.php 客戶新增:customerAdd.php 產品清單:product.php
產品新增:productAdd.php 出貨清單:order.php 出貨新增:orderAdd.php 進貨清單:take.php 進貨新增:takeAdd.php

32 MySql新增指令 INSERT INTO `資料表名` (`欄位1`,`欄位2`,… ) VALUES (‘值1’,’值2’,…)
欄位1 對應 值1 欄位2 對應 值2

33 新增、刪除、修改的執行 $sql=“INSERT INTO `admin` (`account`,`password`) VALUES (‘$account’,’$password’)”; mysqli_query($link,$sql); //執行 sql 指令

34 MySql修改指令 UPDATE `資料表名` SET `欄位1`=‘值1’,`欄位2`=‘值2’ WHERE `欄位1`=‘條件1’

35 MySql刪除指令 DELETE FROM `資料表名` WHERE `欄位1`=‘條件1’


Download ppt "資訊專案系統開發 實作課程 講師:張秀山 css0503@gmail.com."

Similar presentations


Ads by Google