mz2486

软件工程第二次结对编程作业
这次作业属于哪个课程 https://edu.cnblogs.com/campus/fzu/SE2024/
这个作业要求在哪里 https://edu.cnblogs.com/campus/fzu/SE2024/homework/13281
这个作业的目标 通过代码实现原型设计
学号 102201302
同组队员 102201242魏儀阳
Github项目地址 https://github.com/102201302/102201242-102201302

10月8号晚上,我们突然发现自己的设计跑题了,but本着有始有终的原则,我们还是完成了我们之前的设计

1.具体分工

魏儀阳:开发成绩录入,成绩展示部分,处理教师和学生的权限逻辑,添加搜索功能,测试并优化项目

毛震:开发用户登录、注册部分和个人主页(添加、修改、编辑),优化UI设计

2.PSP表格

开发阶段 预估时长(小时) 实际用时(小时)
设计规划 2 2
代码实现 50 55
调试修改 5 6
代码优化 3 2
报告撰写 1 1
总计 61 66

3.效果展示

1.主界面

2.注册界面

3.成绩查询

4.后台成绩管理

关键代码展示

1主框架

 .main {
	width: 100%;
	box-sizing: border-box;
	padding: 20rpx 20rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/*表单*/
.main form {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.form-group .title {
	font-weight: bold;
}

.form-box {
	background-color: #fff;
	border-radius: 20rpx;
	margin-bottom: 24rpx;
	box-sizing: border-box;
	width: 100%;
}

/* 固定按钮 */
.btn-fixed {
	position: fixed;
	bottom: 130rpx;
	right: 12rpx;
	color: #fff;
	font-size: 40rpx;
	font-weight: bold;
	border-radius: 50%;
	background-color: #ccc;
	width: 60rpx;
	height: 60rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}


/*单行大按钮*/
.btn-main {
	width: 600rpx;
	font-size: 32rpx;
	height: 80rpx;
	line-height: 80rpx; 
	background-color: #0E9489;
	color: #fff;
	font-weight: bold;
}

/**校友底图**/
.school-cover{
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%; 
   opacity: .1;
   background-size:750rpx 280rpx;
}  


.site-footer{ 
   width:100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   font-size: 28rpx;
   color:#666;
   margin-top:20rpx;
}

.site-footer .link{ 
   display: flex; 
   justify-content: center;
   align-items: center; 
}

.site-footer .link view, .site-footer .link button{
   margin-left:5rpx;
   margin-right:5rpx;
} 

.site-footer .link .line{
   color:#ccc;
}

.site-footer .info{
   margin-top:10rpx;
   color:#aaa;
   font-size:24rpx;
}

.clearbtn {
   margin:0;
   padding:0;
   background-color: transparent; 
   text-align: center;
   font-size:inherit; 
   color: inherit;
}

.clearbtn::after {
   border: none !important;
}

2.主界面

{
	"pages": [
		"score/pages/my/index/my_index",
		"score/pages/register/reg_step1",
		"score/pages/register/reg_step2",
		"score/pages/register/reg_step3",
		"score/pages/my/base/my_base",
		"score/pages/my/reload/my_reload",
		"score/pages/search/search",
		"score/pages/admin/user/admin_user_list",
		"score/pages/admin/user/admin_user_detail",
		"score/pages/admin/index/admin_login",
		"score/pages/admin/index/admin_home",
		"score/pages/admin/news/admin_news_list",
		"score/pages/admin/news/admin_news_add",
		"score/pages/admin/news/admin_news_edit",
		"score/pages/news/news_index",
		"score/pages/news/news_detail",
		"score/pages/admin/setup/admin_setup",
		"score/pages/about/about",
		"score/pages/about/hint",
		"score/pages/admin/news/admin_grade_import",
		"score/pages/admin/news/admin_grade_list",
		"score/pages/news/grade_query",
		"score/pages/admin/news/admin_grade_demo"
	],
	"window": {
		"backgroundColor": "#f1f1f1",
		"backgroundTextStyle": "dark",
		"navigationBarBackgroundColor": "#000000",
		"navigationBarTitleText": "成绩查询小程序",
		"navigationBarTextStyle": "white"
	},
	"tabBar": {
		"backgroundColor": "#fefefe",
		"color": "#000",
		"selectedColor": "#BD9759",
		"list": [
			{
				"pagePath": "score/pages/news/news_index",
				"text": "成绩查询",
				"iconPath": "/score/images/tabbar/score.png",
				"selectedIconPath": "/score/images/tabbar/score_cur.png"
			},
			{
				"pagePath": "score/pages/my/index/my_index",
				"text": "我的",
				"iconPath": "/score/images/tabbar/my.png",
				"selectedIconPath": "/score/images/tabbar/my_cur.png"
			}
		]
	},
	"sitemapLocation": "sitemap.json"
}

4.项目评价

  • 没有注意选题,导致设计偏题
  • 开发过程较为曲折,但许多问题都得到克服
  • 整体设计进行了微调,UI更为美观
  • 数据上传仍有部分功能无法实现
  • 代码冗余,仍有优化空间

posted on 2024-10-10 22:52  虬危  阅读(17)  评论(0编辑  收藏  举报