软件工程课程心得体会

  本学期学习了如何系统构建一款app项目。包括了软件产品的需求分析、业务架构设计、技术架构设计。其中，软件工程侧重点于需求分析中的以下几点：

1.识别和定义系统业务角色；

2.从系统业务角色的角度分析他们的业务目标，并使用系统业务用例加以约束；

3.分析业务用例的正确性、完整性，使用用例规约说明、活动图进行细化；

4.从业务用例中，分析系统的数据，并使用类图加以约束；

5.构建和规划系统 UI ；

6.划分子系统、模块，定义相应的功能。

  我选择制作的app主题为匿名文章论坛——螃蟹分享。主要包括以下几个模块：

       1.用户管理模块

       2.文章管理模块

       3.评论管理模块

       4.收藏与点赞管理模块

       5.活动点数管理模块

       6.商品管理模块

       7.登陆注册模块

学习心得

  本次课程，老师以项目需求分析为主，代码编写为辅的方式开展，我认为收获最大的是编写需求规格说明书。 需求规格侧重于系统的描述，实现逻辑、约束、输入输出条件。我在专业老师的指导下先后完善了项目的需求说明、业务说明、用例图、业务类图、活动图、用例规约。学习这门课之前，我一直没有了解过如何编写需求规格说明书，在构建项目的过程中，因为不够充分了解并梳理过自己的项目结构，我对我到底需要做出什么功能，实现哪些重要模块这个问题模棱两可，一头雾水。但通过课上对用例规约的逐步了解，我对想做的项目大致有了形，琢磨出了它较为清晰、完整、准确的需求描述。不再是盲目制作自己的项目软件，而是根据编写好的需求规格说明书一点一点尽己所能将功能完善起来。

部分用例图

 

  用例规约

 

  在制作项目软件的过程中，我也遇到了不少问题。比如因为不熟悉Vue的部分功能，导致项目报错、进程终止；前后端连接不上，数据库没有办法传数据到客户端。目前问题仍在逐个攻破中。

学习

  以下是解决周边页面排版中如何实现商品分别的思路及解决方法：

  客户端显示如下：

   前端代码如下：

<template>
	<view class="content">
		<view>
			<div class="main">
				<view class="left-box">
					<ul v-for="item in goodsList" :key="item.id">
						<!-- 使用v-if判断数据id是否为单数 -->
						<li @click="goodsDe()" v-if="item.id % 2 === 1">  
							<img :src="item.image" style="margin: inherit; width: 92%; height: 70%;">
							<p>{{item.intro}}</p>
							<span class="price">{{item.price}}$</span>
						</li>
						
					</ul>
				</view>
				<view class="right-box">
					<!-- 使用v-if判断数据id是否为双数 -->
					<ul v-for="item in goodsList" :key="item.id">
						<li @click="goodsDe()" v-if="item.id % 2 === 0">
							<img :src="item.image" style="margin: inherit; width: 92%; height: 70%;">
							<p>{{item.intro}}</p>
							<span class="price">{{item.price}}$</span>
						</li>
						
					</ul>
				</view>
			</div>
			<view>
				<!-- <button class="add-article" @click="goToUploadArticle"><span>+</span></button> -->
				<button class="shopping-card"><img src="../../static/img/shopping-car.png"></button>
			</view>
		</view>
	</view>
</template>