Skip to content

Commit 9914cd8

Browse files
HsiehRogerHsiehRoger
committed
會員修改資料php
1 parent 11b706b commit 9914cd8

File tree

1 file changed

+285
-0
lines changed

1 file changed

+285
-0
lines changed

‎member.php‎

Lines changed: 285 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,285 @@
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

Comments
 (0)