mwxbgi697
/
softegg
1
0
Fork 2
Code Issues Pull Requests 2 Packages Projects Releases Wiki Activity

Squashed commit of the following:

Browse Source 
commit 3f241a6a46
Author: zcx <1078327420@qq.com>
Date:   Sat May 11 16:03:53 2024 +0800

    1

commit ecd56eeb36
Merge: f745de4 55dbf59
Author: zcx <1078327420@qq.com>
Date:   Sat May 11 16:03:36 2024 +0800

    Merge branch 'develop' of https://bdgit.educoder.net/mwxbgi697/softegg into 曾晨曦_branch

commit f745de4fef
Merge: d83686a c82f1ef
Author: zcx <1078327420@qq.com>
Date:   Sat May 11 15:51:39 2024 +0800

    Merge branch 'develop' of https://bdgit.educoder.net/mwxbgi697/softegg into 曾晨曦_branch

commit d83686a012
Author: zcx <1078327420@qq.com>
Date:   Fri May 10 11:06:40 2024 +0800

    新界面

commit 977b40cd4f
Author: zcx <1078327420@qq.com>
Date:   Fri May 10 10:44:28 2024 +0800

    新的页面代码

commit 548cc49c7d
Author: zcx <1078327420@qq.com>
Date:   Fri May 10 10:20:18 2024 +0800

    聊天界面初始版

commit ff3952859f
Merge: 7b44e8a c656856
Author: zcx <1078327420@qq.com>
Date:   Fri May 10 10:15:56 2024 +0800

    Merge branch 'develop' of https://bdgit.educoder.net/mwxbgi697/softegg into 曾晨曦_branch

    # Conflicts:
    #	doc/自由同行-软件需求构思及描述.docx

commit 7b44e8a348
Author: zcx <1078327420@qq.com>
Date:   Fri May 10 10:12:14 2024 +0800

    1

commit 5e48c1f463
Merge: 167bb2d bfb34b1
Author: zcx <1078327420@qq.com>
Date:   Fri May 10 10:10:13 2024 +0800

    Merge branch '曾晨曦_branch' of https://bdgit.educoder.net/mwxbgi697/softegg into 曾晨曦_branch

    # Conflicts:
    #	doc/“自由同行”软件需求规格说明书.docx

commit 167bb2d273
Author: zcx <1078327420@qq.com>
Date:   Fri May 10 10:09:46 2024 +0800

    前端代码初始版

commit e5d3488734
Author: zcx <1078327420@qq.com>
Date:   Sun Mar 31 11:48:46 2024 +0800

    更新

commit bfb34b10a2
Author: zcx <1078327420@qq.com>
Date:   Tue Mar 26 11:15:48 2024 +0800

    需求规格说明书

commit 26f7946e45
Author: zcx <1078327420@qq.com>
Date:   Tue Mar 26 11:08:14 2024 +0800

    1

commit 31f1339042
Merge: 3671794 9d34b69
Author: zcx <1078327420@qq.com>
Date:   Tue Mar 26 11:07:41 2024 +0800

    Merge branch 'develop' of https://bdgit.educoder.net/mwxbgi697/softegg into 曾晨曦_branch

commit 36717942eb
Author: zcx <1078327420@qq.com>
Date:   Thu Mar 21 15:50:06 2024 +0800

    用例图
pull/9/head
zcx 1 year ago
parent 55dbf59cb1
commit d73c814619
3 changed files with 396 additions and 0 deletions
Show Stats Download Patch File Download Diff File

110
src/前端/walktofree/src/components/Login.vue
Unescape View File

@ -0,0 +1,110 @@
<template>
<div class="login-container">
<h1>登录页面</h1>
<form @submit.prevent="login" class="login-form">
<label for="username">用户名：</label>
<input type="text" id="username" v-model="username" class="input-field">
<br>
<label for="password">密码：</label>
<input type="password" id="password" v-model="password" class="input-field">
<br>
<button type="submit" class="submit-button">登录</button>
<button @click="goToRegister" class="register-button">注册</button>
</form>
</div>
</template>
<style scoped>
.login-container {
max-width: 400px;
margin: 0 auto;
padding: 20px;
border: 1px solid #28a7a3;
border-radius: 5px;
text-align: center;
}
.input-field {
margin: 10px 0;
padding: 5px;
width: 100%;
}
.submit-button {
padding: 10px 20px;
background-color: #007bff;
color: #003f3f;
border: none;
border-radius: 5px;
cursor: pointer;
}
.register-button {
padding: 10px 20px;
background-color: #ff6347;
color: #003f3f;
border: none;
border-radius: 5px;
cursor: pointer;
}
</style>
<script>
import { login } from '../api/auth'
import axios from "axios";
export default {
data() {
return {
username: '',
password: ''
}
},
methods: {
login() {
console.log("用户名：", this.username);
console.log("密码：", this.password);
axios.post('http://192.168.254.35:8080/Login/login', {
// 在请求体中传递用户名和密码字段
username: this.username,
password: this.password
}, {
// 配置跨域请求时携带 cookie
withCredentials: true,
// 设置请求头部为 JSON 格式
headers: {
'Content-Type': 'application/json'
}
})
.then(response => {
// 假设服务器在登录成功时返回一个包含 status 或其他表示成功状态的字段
if (response.data == 1) {
// 登录成功，跳转到主页面
this.$router.push('/home');
}
else if (response.data == 2) {
alert('登录失败：账号或密码错误' );
}
else if(response.data == 3){
alert('登录失败：账号未注册');
}
else if(response.data == 0) {
alert('登录失败：未知原因');
}
else {
alert('登录失败：未知原因');
}
})
.catch(error => {
console.error(error);
// 处理网络错误或服务器错误等
alert('登录失败：网络错误或服务器错误');
});
},
goToRegister() {
this.$router.push('/register'); // 跳转到注册页面
}
}
}
</script>

97
src/前端/walktofree/src/components/Register.vue
Unescape View File

@ -0,0 +1,97 @@
<template>
<div class="register-container">
<h1>注册页面</h1>
<form @submit.prevent="register" class="register-form">
<label for="username">用户名：</label>
<input type="text" id="username" v-model="username" class="input-field">
<br>
<label for="password">密码：</label>
<input type="password" id="password" v-model="password" class="input-field">
<br>
<button type="submit" class="submit-button">注册</button>
<button class="return-button" @click="gotoLogin()">返回登录</button>
</form>
</div>
</template>
<style scoped>
.register-container {
max-width: 400px;
margin: 0 auto;
padding: 30px;
border: 1px solid #cccc7b;
border-radius: 5px;
text-align: center;
}
.input-field {
margin: 10px 0;
padding: 5px;
width: 100%;
}
.submit-button {
padding: 10px 20px;
background-color: #28a7a3;
color: #abd4ee;
border: none;
border-radius: 5px;
cursor: pointer;
}
.return-button {
padding: 10px 20px;
background-color: #ff6347; /* 例如，设置为红色 */
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
margin-top: 10px; /* 可以添加一些上边距来分隔按钮 */
}
</style>
<script>
import { register } from '../api/auth'
import axios from "axios";
export default {
data() {
return {
username: '',
password: ''
}
},
methods: {
register() {
console.log("用户名：", this.username);
console.log("密码：", this.password);
axios.post('http://192.168.254.35:8080/Login/register', {
// 在请求体中传递用户名和密码字段
username: this.username,
password: this.password
}, {
// 配置跨域请求时携带 cookie
withCredentials: true,
// 设置请求头部为 JSON 格式
headers: {
'Content-Type': 'application/json'
}
})
.then(response => {
console.log(response.data)
// 处理注册成功后的逻辑
alert(response.data);
})
.catch(error => {
console.error(error)
// 处理注册失败后的逻辑
alert(response.data);
})
},
gotoLogin(){
this.$router.push('/login');
},
}
}
</script>

189
src/前端/walktofree/src/components/mine.vue
Unescape View File

@ -0,0 +1,189 @@
<template>
<div class="profile">
<h2>个人主页</h2>
<div v-if="showNicknameInput">
<label for="nickname">昵称：</label>
<input type="nickname" id="nickname" v-model="nickname" class="input-field">
<button @click="updateNickname">保存</button>
</div>
<div v-else>
<p>昵称：{{ user.nickname }}</p>
<button @click="toggleNicknameInput">更换</button>
</div>
<h1>{{ user.name }}</h1>
<p>身份证号：{{user.IDCard}}</p>
<div v-if="showEmailInput">
<label for="email">邮箱：</label>
<input type="email" id="email" v-model="email" class="input-field">
<button @click="updateEmail">保存</button>
</div>
<div v-else>
<p>邮箱：{{ user.email }}</p>
<button @click="toggleEmailInput">编辑</button>
</div>
<div v-if="showPhoneInput">
<label for="PhoneNumber">手机号：</label>
<input type="phone" id="phone" v-model="phone" class="input-field">
<button @click="updatePhone">保存</button>
</div>
<div v-else>
<p>手机号：{{ user.phone }}</p>
<button @click="togglePhoneInput">更换</button>
</div>
<div class="footer-nav">
<button @click="gotohome()">首页</button>
<button @click="gotomessage()">消息</button>
<button>我的</button>
</div>
</div>
</template>
<style scoped>
/* 在这里添加样式 */
.profile {
max-width: 400px;
margin: 0 auto;
padding: 20px;
}
.input-field {
margin-bottom: 10px;
}
button {
margin-top: 10px;
}
.home-container {
/* 添加你的样式 */
text-align: center;
padding: 20px;
/* 可能需要为内容添加一些底部空间以容纳底部导航 */
padding-bottom: 50px;
}
.footer-nav {
/* 定义底部导航的样式 */
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-around;
padding: 10px;
background-color: #f5f5f5; /* 示例背景色 */
}
.footer-nav button {
/* 定义按钮的样式 */
flex: 1;
border: none;
padding: 10px;
background-color: #ccc;
color: #333;
cursor: pointer;
}
.footer-nav button:hover {
/* 按钮点击时的样式 */
background-color: #bbb;
}
</style>
<script>
import axios from 'axios';
export default {
props: ['phone'],
data() {
return {
user: {},
nickname:'',
showNicknameInput: false,
email: '',
showEmailInput: false,
phone: '',
showPhoneInput: false,
IDCard: '',
createtime: '',
status: 0,
};
},
created() {
// 在组件创建时根据账号获取用户信息
this.fetchUser(this.phone);
},
methods: {
fetchUser(phone) {
// 从后端 API 请求
axios.get(`http://192.168.254.35:8080/users/getByPhone?phone=15616168609`)
.then(response => {
alert(response.data);
this.user = response.data;
})
.catch(error => {
console.error('Error fetching user:', error);
});
},
toggleNicknameInput(){
this.showNicknameInput = !this.showNicknameInput;
this.nickname = this.user.nickname;
},
updateNickname(){
axios.get(`http://192.168.254.35:8080/users/getByPhone?phone=15616168609`, { nickname: this.nickname })
.then(response => {
this.user.nickname = this.nickname;
this.toggleNicknameInput(); // 切换回展示模式
})
.catch(error => {
console.error('Error updating nickname:', error);
});
},
toggleEmailInput() {
this.showEmailInput = !this.showEmailInput;
this.email = this.user.email;// 在切换到编辑模式时显示当前邮箱地址
},
updateEmail() {
// 这里发送请求更新用户邮箱
axios.get(`http://192.168.254.35:8080/users/getByPhone?phone=15616168609`, { email: this.email })
.then(response => {
this.user.email = this.email;
this.toggleEmailInput(); // 切换回展示模式
})
.catch(error => {
console.error('Error updating email:', error);
});
},
togglePhoneInput(){
this.showPhoneInput = !this.showPhoneInput;
this.phone = this.user.phone;
},
updatePhone(){
axios.get(`http://192.168.254.35:8080/users/getByPhone?phone=15616168609`, { phone: this.phone })
.then(response => {
alert(this.phone);
this.user.phone = this.phone;
this.togglePhoneInput(); // 切换回展示模式
})
.catch(error => {
console.error('Error updating phone:', error);
});
},
gotohome() {
this.$router.push('/home');
},
gotomessage() {
this.$router.push('/message');
},
}
};
</script>
Write Preview
Loading…
Cancel
Save