1+ <?php
2+ session_start ();
3+ include ("util/connect.php " );
4+ if ($ _session ['_ID ' ]){
5+ $ result = $ mysqli -> query ("select * from member where id = " . intval ($ _session ['_ID ' ]));
6+ $ row = mysqli_fetch_row ($ result );
7+ }
8+ if ($ _SERVER ['REQUEST_METHOD ' ] == 'POST ' ) {
9+ $ sql ="update member set username=' " .$ _POST ['username ' ]."',password=' " .$ _POST ['password ' ]."',email=' " .$ _POST ['email ' ]."',name=' " .$ _POST ['name ' ]."',phone=' " .$ _POST ['phone ' ]."',address=' " .$ _POST ['address ' ]."' where id = " .$ _session ['_ID ' ];
10+
11+ //echo '<pre>'.$sql.'</pre>';
12+
13+ if (mysqli_query ($ mysqli , $ sql )) {
14+ header ('Location: member.php ' );
15+ } else {
16+ echo "<br>無法修改。 " ;
17+ echo mysqli_error ($ mysqli );
18+ }
19+ include ("util/close.php " );
20+ }
21+ ?>
22+ <!DOCTYPE html>
23+ <html>
24+
25+ <head>
26+ <meta charset="utf-8">
27+ <title>阿寯的美食天地</title>
28+ <link rel="stylesheet" type="text/css" href="semantic/semantic.css">
29+ <link rel="stylesheet" type="text/css" href="styles/glide.core.css">
30+ <link rel="stylesheet" type="text/css" href="styles/glide.theme.css">
31+ <link rel="stylesheet" type="text/css" href="styles/style.css">
32+ <script src="scripts/jquery-2.2.2.js"></script>
33+ <script src="semantic/semantic.js"></script>
34+ <script src="scripts/script.js"></script>
35+ <script src="scripts/glide.js"></script>
36+
37+ <script>
38+ $(function () {
39+ $('.tabular.menu .item').tab()
40+
41+ $.fn.form.settings.rules.validPassword = function (value) {
42+ var set = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 !\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~"
43+ for (var x of value) {
44+ if (set.indexOf(x) < 0) return false
45+ }
46+ return true
47+ }
48+ $(document).ready(function ($) {
49+ $('.ui.checkbox').checkbox()
50+ $('.ui.form').form({
51+ fields: {
52+ name: {
53+ identifier: 'name',
54+ rules: [
55+ {
56+ type: 'empty',
57+ prompt: '請輸入你的姓名'
58+ }
59+ ]
60+ },
61+ username: {
62+ identifier: 'username',
63+ rules: [
64+ {
65+ type: 'empty',
66+ prompt: '請輸入你的使用者名稱'
67+ },
68+ {
69+ type: 'minLength[6]',
70+ prompt: '使用者名稱長度必須大於 {ruleValue}'
71+ },
72+ {
73+ type: 'maxLength[20]',
74+ prompt: '使用者名稱長度必須小於 {ruleValue}'
75+ },
76+ {
77+ type: 'regExp[/^[.\\w]*$/]',
78+ prompt: '使用者名稱只能包含英文、數字、點(.)以及底線(_)'
79+ }
80+ ]
81+ },
82+ password: {
83+ identifier: 'password',
84+ rules: [
85+ {
86+ type: 'empty',
87+ prompt: '請輸入你的密碼'
88+ },
89+ {
90+ type: 'minLength[8]',
91+ prompt: '密碼長度必須大於 {ruleValue}'
92+ },
93+ {
94+ type: 'maxLength[40]',
95+ prompt: '密碼長度必須小於 {ruleValue}'
96+ },
97+ {
98+ type: `validPassword`,
99+ prompt: '密碼只能包含英數、空白以及以下字元:!"#$%&\'()*+,-./:;<=>?@[\]^_`{|}~'
100+ }
101+ ]
102+ },
103+ confirm: {
104+ identifier: 'confirm',
105+ rules: [
106+ {
107+ type: 'match[password]',
108+ prompt: '密碼確認必須與密碼相同'
109+ }
110+ ]
111+ },
112+ email: {
113+ identifier: 'email',
114+ rules: [
115+ {
116+ type: 'empty',
117+ prompt: '請輸入你的電子郵件'
118+ },
119+ {
120+ type: 'email',
121+ prompt: '請輸入有效的電子郵件'
122+ }
123+ ]
124+ },
125+ phone: {
126+ identifier: 'phone',
127+ rules: [
128+ {
129+ type: 'empty',
130+ prompt: '請輸入你的電話號碼'
131+ },
132+ {
133+ type: 'regExp[/[\\d]{7,15}/g]',
134+ prompt: '請輸入有效的電話號碼(不含任何符號)'
135+ }
136+ ]
137+ },
138+ address: {
139+ rules: [
140+ {
141+ type: 'empty',
142+ prompt: '請輸入你的住家地址'
143+ }
144+ ]
145+ },
146+ terms: {
147+ identifier: 'terms',
148+ rules: [
149+ {
150+ type: 'checked',
151+ prompt: '你必須同意服務條款'
152+ }
153+ ]
154+ }
155+ }
156+ })
157+ })
158+ })
159+ </script>
160+ </head>
161+
162+ <body>
163+ <br>
164+ <div class="ui container">
165+ <div class="ui large menu">
166+ <a class="active item">阿寯的美食天地</a>
167+ <div class="right menu">
168+ <div class="collapsed search item">
169+ <div class="ui icon input">
170+ <input type="text" placeholder="關鍵字">
171+ <i class="search link icon"></i>
172+ </div>
173+ </div>
174+ <a class="search trigger ui item"><i class="search link marginless icon"></i></a>
175+ <a id="login-modal-show" class="ui item">登入</a>
176+ <a id="cart-modal-show" class="ui item">購物車</a>
177+ </div>
178+ </div>
179+ <h1 class="ui teal header">會員中心</h1>
180+ <!-- TODO 版面設計 -->
181+ <div class="ui top attached tabular menu">
182+ <a class="active item" data-tab="profile">會員資料</a>
183+ <a class="item" data-tab="orders">訂單<div class="circular floating ui red label">1</div></a>
184+ </div>
185+ <div class="ui bottom attached segment">
186+ <div class="ui active tab" data-tab="profile">
187+ <form class="ui form" role="form" id="form1" action="member.php" method="POST">
188+ <div class="field">
189+ <label>姓名</label>
190+ <input type="text" name="name" id="name" placeholder="姓名" value="<?= $ row [4 ]?> ">
191+ </div>
192+ <div class="field">
193+ <label>使用者名稱</label>
194+ <input type="text" name="username" id="username" placeholder="限 6 至 20 個字元(英文、數字、點以及底線)" value="<?= $ row [1 ]?> ">
195+ </div>
196+ <div class="field">
197+ <label>密碼</label>
198+ <input type="password" name="password" id="password" placeholder="限 8 至 40 個字元" value="<?= $ row [2 ]?> ">
199+ </div>
200+ <div class="field">
201+ <label>密碼確認</label>
202+ <input type="password" name="confirm" id="confirm" placeholder="密碼確認">
203+ </div>
204+ <div class="field">
205+ <label>電子郵件</label>
206+ <input type="email" name="email" id="email" placeholder="
[email protected] " value="
<?= $ row[
3 ]
?> ">
207+ </div>
208+ <div class="field">
209+ <label>電話</label>
210+ <input type="text" name="phone" id="phone" placeholder="推薦使用手機" value="<?= $ row [5 ]?> ">
211+ </div>
212+ <div class="field">
213+ <label>地址</label>
214+ <input type="text" name="address" id="address" placeholder="" value="<?= $ row [6 ]?> ">
215+ </div>
216+ <div class="field" style="text-align: center;">
217+ <button class="ui inverted green submit button">更改</button>
218+ </div>
219+ <div class="ui error message"></div>
220+ </form>
221+ </div>
222+ <div class="ui tab" data-tab="orders">
223+ <div class="ui divided items">
224+ <div class="item" style="align-items: center;">
225+ <div class="content">
226+ <div class="header">訂單編號 #1</div>
227+ <div class="meta">
228+ <span>總金額:</span><span class="dollar unit"></span>
229+ <span data-price-per-item="1830" class="price per item"></span>
230+ <span class="price quantity separator"></span>
231+ <span class="date">5 月 31 日</span>
232+ </div>
233+ <div class="description">
234+ 甘藍菜、蘋果、鳳梨釋迦
235+ </div>
236+ <div class="extra">
237+ <a>立即付款</a>
238+ <a>詳細資訊</a>
239+ </div>
240+ </div>
241+ <span class="ui red label status">未付款</span>
242+ </div>
243+ <div class="item" style="align-items: center;">
244+ <div class="content">
245+ <div class="header">訂單編號 #1</div>
246+ <div class="meta">
247+ <span>總金額:</span><span class="dollar unit"></span>
248+ <span data-price-per-item="1830" class="price per item"></span>
249+ <span class="price quantity separator"></span>
250+ <span class="date">5 月 31 日</span>
251+ </div>
252+ <div class="description">
253+ 甘藍菜、蘋果、鳳梨釋迦
254+ </div>
255+ <div class="extra">
256+ <a>詳細資訊</a>
257+ </div>
258+ </div>
259+ <span class="ui green label status">已付款</span>
260+ </div><div class="item" style="align-items: center;">
261+ <div class="content">
262+ <div class="header">訂單編號 #1</div>
263+ <div class="meta">
264+ <span>總金額:</span><span class="dollar unit"></span>
265+ <span data-price-per-item="1830" class="price per item"></span>
266+ <span class="price quantity separator"></span>
267+ <span class="date">5 月 31 日</span>
268+ </div>
269+ <div class="description">
270+ 甘藍菜、蘋果、鳳梨釋迦
271+ </div>
272+ <div class="extra">
273+ <a>詳細資訊</a>
274+ </div>
275+ </div>
276+ <span class="ui green label status">已付款</span>
277+ </div>
278+ </div>
279+ </div>
280+ </div>
281+ </div>
282+
283+ </body>
284+
285+ </html>
0 commit comments