结对第二次作业-编程实现

已于 2024-03-25 20:16:33 修改
阅读量872 收藏 19
点赞数 15
文章标签： 软件工程 前端框架 前端
于 2024-03-25 20:13:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_64752203/article/details/136748948
版权
这个作业属于哪个课程2302软件工程
这个作业要求在哪里结对第二次作业-编程实现
结对学号<222100302 222100101>
这个作业的目标采用web技术来实现上次作业中原型中的功能，实现一个界面友好的网站。
其他参考文献《构建之法》

文章目录

1. Gitcode仓库链接和代码规范链接

1.1 Gitcode仓库链接

我们的仓库链接

1.2 代码规范链接

代码规范链接

2. PSP表格

PSPPersonal Software Process Stages预估耗时（分钟）实际耗时（分钟）
Planning计划3030
• Estimate• 估计这个任务需要多少时间3030
Development开发15601590
• Analysis• 需求分析 (包括学习新技术)300500
• Design Spec• 生成设计文档6090
• Design Review• 设计复审3040
• Coding Standard• 代码规范 (为目前的开发制定合适的规范)3060
• Design• 具体设计3060
• Coding• 具体编码1000720
• Code Review• 代码复审1030
• Test• 测试（接口测试，修改代码，提交修改）10090
Reporting报告100160
• Test and use Repor• 接口、使用报告60120
• Size Measurement• 计算工作量2020
• Postmortem & Process Improvement Plan• 事后总结, 并提出过程改进计划2020
合计16901780

3. 成品展示

网页链接

首页

页面头部包含一个带有Logo和标题的header，以及一个离开的导航栏nav，导航栏链接到不同页面。在header和nav之间有一个带有欢迎信息的div，通过背景色和字体样式突出显示。页面主体部分有一个容器div，内部包含一个轮播图slide，展示多个项目item，通过不同的背景图片和描述信息展示内容。页面采用响应式布局，使元素在不同屏幕大小下可以适应良好。使用了一些CSS动画效果，如文字跳动动画和内容显示动画，增强页面的吸引力和互动性。
首页

选手信息

运动员信息展示页面，包括顶部的带有logo的标题栏、导航栏（默认隐藏）、运动员信息标题部分、以列表形式展示的运动员数据等。页面主题色调为蓝色和白色，整体布局简洁明了，使用了flex布局和斑马线效果优化视觉体验。每位运动员数据以国家、姓名、性别和出生日期等信息呈现，通过异步加载JSON数据实现动态展示运动员信息。整体设计使用户能方便查看运动员信息并跟随简单列表样式浏览。
选手信息

每日赛况

每日赛况页面包括顶部的导航栏、赛程标题部分、日期选择按钮组、每日赛况内容展示区域等。页面主题色调为蓝色和白色，整体布局清晰，使用了阴影、边框和圆角等样式元素增加视觉效果。赛程内容分为不同日期的比赛项目信息，包含比赛类型、进行阶段、比赛时间等信息，还提供了查看详情按钮。整体设计使用户能方便浏览每日赛程信息和选择日期查看相应内容。
每日赛况

详细赛况

详细赛况页面，具有带有logo的标题栏和返回按钮。页面主题色调为蓝色和白色，整体布局简洁明了。运动员数据以表格形式呈现，包括排名、国家代码、姓名、年龄、总积分、距离领先积分等字段。页面中部显示了比赛类型和阶段的标题。用户可以通过返回按钮返回上一页，通过表格清楚地查看运动员数据。整体设计使用户可以快速浏览和了解运动员的相关信息。
请添加图片描述

奖牌榜

页面包含一个带有Logo和标题的header，以及一个水平导航栏nav，导航栏链接到不同页面。页面主体部分包含一个展示奖牌榜信息的div，其中包含一个标题"h2"和一个用来展示图表的div。使用了echarts库来创建奖牌榜图表，并从Medal.json文件中获取奖牌数据进行展示。图表包括了金牌、银牌、铜牌的数据展示，以柱状图形式呈现各个国家的奖牌情况。页面采用响应式设计，使得页面在不同屏幕大小下能够良好展示。页面整体UI设计简洁，颜色搭配清晰，使得用户可以清晰地获取到奖牌榜信息。
奖牌榜

扩展功能：了解更多

了解更多页面是一个展示赛事信息和视频的页面。页面上方有包含logo的标题栏，包括赛事名称和一组导航链接。用户可以通过导航链接访问不同的页面，如首页、选手信息、每日赛况和奖牌榜等。在页面中间是一个3D旋转轮播图，展示不同图片以吸引用户注意。下方有一个视频部分，展示了不同的视频。页面整体设计现代且吸引人，用户可以方便地浏览赛事信息和观看相关视频。
了解更多

4. 结对讨论过程描述

聊天截图
聊天截图

聊天截图

5. 设计实现过程

5.1 功能结构图

功能结构图

5.2 设计实现过程

开发过程中所使用的是node.js和vue。

  • 页面整体结构： 每个页面都包含一个header用于展示Logo和标题，以及一个导航栏nav用于导航到不同页面，除此之外，每个页面还有独特的区块来展示特定内容。
  • 页面动效： 通过JavaScript监听鼠标事件，实现在鼠标悬停时显示导航栏，鼠标移开时隐藏导航栏的效果。
  • 数据展示： 页面涉及展示不同类型的信息，如赛程信息、运动员信息、奖牌榜等，数据通过JSON文件加载并展示在页面上。
  • 页面布局： 根据不同页面的设计需求，使用不同的CSS样式对页面元素进行布局和美化，包括背景图、文字样式、按钮样式等。
  • 页面交互： 在每日赛况页面中实现了按钮点击事件，根据不同按钮的点击跳转到对应的详细内容页面。
  • 使用Echarts库： 奖牌榜页面使用了Echarts库创建图表来呈现数据，如奖牌榜页面展示各国家的奖牌数据。
  • 3D翻转效果： 借助CSS3的3D效果，在了解更多页面展示了图片的3D翻转效果，增加页面的视觉吸引力。
  • 总结：
    • 整体设计过程通过HTML结构、JavaScript交互逻辑和CSS样式美化，展示了不同页面的内容和特点，提升了用户体验和页面的可读性。
    • 前端主要负责展示页面的内容，包括页面布局、样式设计、交互效果等，使用Vue框架实现了动态数据绑定、路由导航等功能。
    • 后端则主要负责数据的处理和提供接口供前端调用，包括提供运动员信息的JSON数据、奖牌榜信息的JSON数据、每日赛程数据等，使前端能够动态展示相关内容。

6. 代码说明

1.AthletesPage.vue

我们基于 Vue 3 的组件，使用了 Vue 3 的 Composition API，实现了一个页面组件，包括了页面的结构、交互逻辑和样式定义。通过 Vue 3 的 Composition API，实现了组件的数据响应和逻辑处理。。<template> 部分包含页面的 HTML 结构，包括页面的头部、导航、选手信息以及相关样式。<script setup> 部分使用了 Vue 3 的 <script setup> 语法糖，可以简化 Vue 组件的写法。在这里，它包含了组件的逻辑部分，包括数据处理和事件监听。首先，从 Vue 中引入了 ref 和 onMounted。ref 用于创建响应式数据，onMounted 用于在组件挂载后执行某个函数。创建了一个 athletes 的响应式数据，用于存储运动员信息。在 onMounted 钩子中，注册了一些事件监听，当鼠标移动到头部标题（ID 为 "tournament"）上时，显示导航栏（ID 为 "nav"），移出时隐藏导航栏。导航栏的显示和隐藏是通过改变其 style.display 属性实现的。通过 fetch 方法获取了一个 JSON 文件 /athletes.json 中的数据，对数据进行处理后存储在 athletes 中。<style scoped> 部分定义了组件的样式，其中包括页面布局、字体样式、颜色等。部分样式是针对特定的元素或类进行定义的，以确保样式的局部性。

<template>
  <header>
      <img src="../assets/logo.png" alt="Logo" class="small-logo">
      <h1 id="tournament">TOURNAMENT</h1>
  </header>
  <nav style="display: none;">
      <a href="FirstPage">首页</a> <!-- 指向主页 -->  
      <a href="AthletesPage" style="text-shadow: 2px 2px 4px #9ec4ec;">选手信息</a> <!-- 指向运动员页面 -->
      <a href="SchedualPage">每日赛况</a> <!-- 指向每日赛况页面 -->
      <a href="MedalPage">奖牌榜</a> <!-- 指向奖牌榜页面 -->  
      <a href="MorePage">了解更多</a> <!-- 指向了解更多页面 --> 
  </nav>
  <div id="Athletes">
      <h2>Athletes</h2>
  </div>
  <div id="message">
      <ul id="athletesList">  
          <!-- 添加标题行 -->  
          <li class="header">  
              <div>Country</div>  
              <div>Athlete</div>  
              <div>Gender</div>  
              <div>DOB</div>  
          </li>  
          <!-- 运动员列表项 -->  
          <li v-for="(athlete, index) in athletes" :key="index">  
              <div>{{ athlete.country }}</div>  
              <div>{{ athlete.fullName }}</div>  
              <div>{{ athlete.gender }}</div>  
              <div>{{ athlete.dob }}</div>  
          </li>  
      </ul>  
  </div>
</template>
  
<script setup>
import { ref, onMounted } from 'vue';

const images = ref(null);
let currentIndex = 0;
let intervalId;

onMounted(() => {
  const tournament = document.getElementById("tournament");
  const nav = document.querySelector("nav");
  const slideshow = document.getElementById("slideshow");

  tournament.addEventListener("mouseover", function() {
    nav.style.display = "block";
    nav.addEventListener("mouseover", function() {
      nav.style.display = "block";
    });
    nav.addEventListener("mouseout", function() {
      nav.style.display = "none";
    });
  });

  tournament.addEventListener("mouseout", function() {
    nav.style.display = "none";
  });
});

const athletes = ref([]);

fetch('/athletes.json')
  .then(response => response.json())
  .then(data => {
    data.forEach(user => {
      user.Participations.forEach(participation => {
        const fullName = participation.PreferredFirstName ? `${participation.PreferredFirstName} ${participation.PreferredLastName}` : participation.PreferredLastName;
        const gender = participation.Gender === 0 ? 'Male' : 'Female';
        const dob = new Date(participation.DOB).toLocaleDateString('en-US');

        athletes.value.push({
          country: user.CountryName,
          fullName,
          gender,
          dob
        });
      });
    });
  })
  .catch(error => {
    console.error('Failed to fetch JSON:', error);
  });

2.SchedualPage.vue

我们实现了一个赛程页面组件，包括了日期选择按钮和每日赛况的展示区域，以及相应的事件处理逻辑和页面跳转功能。，我们看到了 <template> 部分的内容，这部分主要描述了页面的结构，包括头部、导航栏、赛程信息展示区域等。其中：头部包括了一个图像标志和一个标题 "TOURNAMENT"。导航栏包含了几个链接，分别指向不同的页面，如主页、选手信息、每日赛况、奖牌榜和了解更多。<div id="Schedual"> 标签下是每日赛况的展示区域，其中包含了日期选择按钮和每日赛况的主要内容区域。日期选择按钮使用了 Element UI 的 <el-button> 组件，每个按钮上附带了一个日期，点击按钮可以显示对应日期的赛况信息。主要内容区域使用了 Element UI 的 <el-card> 组件，每个卡片展示了一场比赛的相关信息，包括比赛类型、是否结束、比赛时间等。在每个卡片的底部有一个按钮 "查看详情"，点击该按钮可以跳转到详细赛况页面。接着，在 <script> 部分：使用了 onMounted 钩子来监听页面加载完成事件，当页面加载完成后，为标题 "TOURNAMENT" 添加了鼠标悬停事件的监听器，以控制导航栏的显示与隐藏。导出了一个对象，包含了组件的一些属性和方法：name 属性指定了组件的名称为 "SchedulePage"。components 属性为空，表示该组件不包含其他子组件。computed 属性包含了一个计算属性 content，根据 message 的值来决定返回哪个日期对应的赛程信息，以实现日期按钮的切换功能。methods 属性包含了两个方法：setMessage(value) 方法用于设置当前选中的日期，参数 value 为日期的序号。toDetails(panel) 方法用于跳转到详细赛况页面，它将选中比赛的类型和场次存储在 localStorage 中，并通过路由跳转到名为 "DetailsPage" 的页面。

<template>
  <header>
    <img src="../assets/logo.png" alt="Logo" class="small-logo">
    <h1 id="tournament">TOURNAMENT</h1>
  </header>
  <nav>
    <a href="FirstPage">首页</a> <!-- 指向主页 -->  
    <a href="AthletesPage">选手信息</a> <!-- 指向运动员页面 -->
    <a href="SchedualPage" style="text-shadow: 2px 2px 4px #9ec4ec;">每日赛况</a> <!-- 指向每日赛况页面 -->
    <a href="MedalPage">奖牌榜</a> <!-- 指向奖牌榜页面 -->  
    <a href="MorePage">了解更多</a> <!-- 指向了解更多页面 --> 
  </nav>
  <div id="Schedual">
    <h2>Schedual</h2>
  </div>

  <!--  -->
  <div id="daily" style="text-align:center; margin-top: 40px;">
    <el-row class="buttonGroup" style="height: 80px;margin: 20px auto">
      <el-button round @click="setMessage(1)" :class="{ 'clickedButton': message === 1 }" class="dayButton">Thursday 18th January</el-button>
      <el-button round @click="setMessage(2)" :class="{ 'clickedButton': message === 2 }" class="dayButton">Friday 19th January</el-button>
      <el-button round @click="setMessage(3)" :class="{ 'clickedButton': message === 3 }" class="dayButton">Saturday 20th January</el-button>
      <el-button round @click="setMessage(4)" :class="{ 'clickedButton': message === 4 }" class="dayButton">Sunday 21st January</el-button>
    </el-row>

    <!-- 每日赛况主要内容区域 -->
    <div class="mainContent" style="margin: 0 auto;width: 900px;margin-top: 70px;">
      <el-card class="box-card" v-for="(item, index) in content" :key="index"
        style="margin: 10px 10px;display: inline-block;width: 400px; border-radius: 30px">
        <el-row :gutter="10">
          <el-col class="show" :span="14">
            <!-- 比赛类型 -->
            <strong>{{ item.type }}</strong>
            <br>
          </el-col>
          <el-col class="show" :span="5" :offset="3">
            <strong>Complete</strong>
            <br>
            <!-- 比赛时间 -->
            <span class="text">{{ item.time }}</span>
          </el-col>
        </el-row>
        <hr class="divide">
        <el-row :gutter="10">
          <!-- <el-col :span="2">
            <img :src="item.playimg" class="playIcon" />
          </el-col> -->
          <!-- 比赛场次 -->
          <!-- 动态绑定 -->
          <el-col class="show" :span="7" :offset="2" :class="{ 'gold': item.play === 'Finals' }">
            {{ item.play }}
          </el-col>
        </el-row>
        
        <hr class="divide">
        <!-- 跳转到详细赛况 -->
        <el-row>
          <el-button round class="more" @click="toDetails(item)">查看详情</el-button>
        </el-row>
      </el-card>
    </div>
  </div>
</template>


<script>
import { ref, onMounted } from 'vue';

onMounted(() => {
  const tournament = document.getElementById("tournament");
  const nav = document.querySelector("nav");
  const slideshow = document.getElementById("slideshow");

  tournament.addEventListener("mouseover", function() {
    nav.style.display = "block";
    nav.addEventListener("mouseover", function() {
      nav.style.display = "block";
    });
    nav.addEventListener("mouseout", function() {
      nav.style.display = "none";
    });
  });

  tournament.addEventListener("mouseout", function() {
    nav.style.display = "none";
  });
});

export default {
  name: "SchedulePage",
  components: {  },
  computed: {
    content() {  
      switch (this.message) {  
        case 1: return this.content1;  
        case 2: return this.content2;  
        case 3: return this.content3;  
        case 4: return this.content4; 
        default: return null; // 或者返回某个默认值或执行其他逻辑  
      }  
    }
  },
  methods: {
    // 传递消息方法
    setMessage(value) {
      this.message = value
    },
    
    // 跳转到详细界面方法
    toDetails(panel) {
      localStorage.setItem('detailType', panel.type);
      localStorage.setItem('detailPlay', panel.play);
      this.$router.push({ name: 'DetailsPage' });
    }
  },

3.Router

我们配置了一个路由器，用于创建应用程序的路由。首先导入了 createRouter、createWebHistory 以及 RouteRecordRaw 三个函数或类型，这些都是从 Vue Router 中导入的。routes 是一个数组，包含了应用程序的所有路由信息。每个路由对象都描述了一个路径 (path)，路由的名称 (name)，以及路由对应的组件 (component)。每个路由对象的 component 属性都是一个函数调用，这个函数调用返回了一个动态导入的组件。这种方式可以实现懒加载，即在需要时再加载对应的组件，而不是一开始就加载所有组件。注释 webpackChunkName 指定了生成的 chunk 的名称。创建了路由对象 router，通过调用 createRouter 函数，传入了一个配置对象，其中包含了路由的模式 (history) 和定义的路由数组 (routes)。最后通过 export default router 导出了创建的路由对象，以便在应用程序的入口文件中使用。综上所述，这段代码配置了一个基于 Vue Router 的路由器，定义了应用程序中的所有路由信息，并创建了一个路由对象供应用程序使用。

import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
const routes: Array<RouteRecordRaw> = [
  {
    path: '/',
    redirect: '/FirstPage'
    
  },
  {
    path: '/FirstPage',
    name: 'FirstPage',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/FirstPage.vue')
  },
 
  {
    path: '/AthletesPage',
    name: 'AthletesPage',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/AthletesPage.vue')
  },
  {
    path: '/MorePage',
    name: 'MorePage',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/MorePage.vue')
  },
  {
    path: '/SchedualPage',
    name: 'SchedualPage',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/SchedualPage.vue')
  },
  {
    path: '/MedalPage',
    name: 'MedalPage',
    
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/MedalPage.vue')
  },
  {
    path: '/DetailsPage',
    name: 'DetailsPage',
    
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/DetailsPage.vue')
  }

]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router

7. 心路历程和收获

  • Y同学: 在软件开发的道路上，每一次项目都是一次宝贵的经历。我们深有感触地体会到了框架的强大之处，它可以大大提高项目开发的效率，让我们见识到了自己还有许多需要学习和提升的地方，不过因为时间比较赶，对框架的理解和掌握能力还远远不够，需要继续提升自己的专业素养。其次，对git的使用还需要更为熟练地掌握，比如这次如何新建分支，共同在分支上合作写代码耗费了我们很长时间。
  • L同学: 团队合作也是我们在这次实践中学到的重要一课。有效的沟通和合作可以帮助团队更好地解决问题，确保项目的成功。总的来说，软件工程实践需要不断学习和改进，每一次的实践都是一次宝贵的经验，让我们明白了自己的不足之处，并激励继续努力学习，不断提升自己的能力。在未来的路上，我会继续努力，不断前行，只有不断学习和实践，才能成为一名真正优秀的软件工程师。

8. 评价结对队友

L->Y:这次的作业我们深刻反思了上次团队作业中的不足，共同商讨并积极改进。在遇到困难时，大家都能够积极面对，没有互相指责，我觉得小杨同学是一个值得信赖的队友，她的专业素养和积极态度都让人印象深刻。

Y->L:针对上次作业中暴露出的问题，我们在这次作业中进行了深入的讨论和改进。面对挑战，我们都能够齐心协力，共同应对，我认为小L同学是一个非常出色的合作伙伴，她的创新思维和高效执行力让我受益匪浅。

L李小花
关注
【结对第二次作业-编程实现】
m0_74153675的博客
03-26 710
框架的运用大大提升了项目开发的效率，但也暴露了我们在框架理解和掌握方面的不足。另外，团队合作中的沟通与协作也是关键，它们决定了项目的成败。这次经历让我们深刻明白，软件工程是一项持续不断学习和改进的过程，而每一次实践都是宝贵的经验，我们将不断努力前行，成为更优秀的软件工程师。通过这次实践，我们吸取了宝贵的经验教训，明白了自身的不足之处，也更加坚定了自己不断进步的决心。页面以蓝色和白色为主色调，采用简洁明了的布局，灵活运用flex布局和斑马线效果以提升视觉体验，每位运动员的国家、姓名、性别和出生日期。
结对第二次作业--编程实现
aa1231234566956的博客
03-25 1184
然后一次设计选手信息，每日赛况、详细赛况、奖牌榜和了解更多的部分，同样是按照之前设计的模板来进行排版设计和功能设计，其中所需要的数据都是从助教给的网站上的数据手打下来的。首先进入网站的首页，页首是导航栏，可以点击跳转到对应的部分，一共有五个部分，分别是首页，选手信息，每日赛况、详细赛况、奖牌榜和了解更多。这部分主要就是赛事信息的下展菜单的实现重要，在js中用表格的方式展开信息，并把它们封装到一个函数（toggleDropdown）里，触发点击事件的时候调用这个函数实现下展的功能。选手的详细信息如上图所示。
软工实践结对第二次作业-编程实现
weixin_62588154的博客
03-26 1494
首先，认识到了我后端学的不精，学东西不能囫囵吞枣，否则一些重要的部分就会被忽视，因为对这些部分没有了解，太出现问题时，对问题的定位才会迟缓，未来在学习新技术时要稳扎稳打，不能看两眼就算会了。然而最后一个运动员还是显示图片损坏，再次爬取了他的头像，发现并没有漏爬，通过数据的对比，发现只有他的头像的ID和图片是对不上的，所以没办法，只能特殊情况特殊处理，代码中加上了判断语句，如果ID == 错误ID，ID = 正确ID。部署服务器时，出现了所有国家的图片都无法正常显示，但是头像却可以正常显示的问题。
结对第二次作业---编程实现
中国移不动的博客
03-24 554
这次项目时间有点赶，由于刚开始没有好好规划时间，做起来手忙脚乱，后面确定了方向和使用的技术后，规划好每天要完成的任务，写起项目来才开始顺滑起来。通过与他的交流与合作，能够对项目所用的技术有更深刻的理解，一些自己不了解的技术也能与他进行互补；由于这次作业时间紧、工作量大，所以自己多少有点消极，但是王惠同学能够及时根据结对进度，积极讨论调整，能很好的解决我遇到的难题，让我的心理负担少了不少；每日赛况：使用Vue的动态渲染来展示数据，通过按钮组实现每日比赛的切换，不同按钮传递不同的消息进而展示不用的赛况信息。
结对第二次作业——编程实现
qq_63706343的博客
03-26 968
结对第二次作业——编程实现
软件工程第二次作业-结对编程
bangxu9336的博客
05-13 308
学号：1500802024 姓名：张璐瑜 博客链接:(https://www.cnblogs.com/erdai/)　 学号：1500802019 姓名：赵家骏 博客链接:(http://www.cnblogs.com/ZJJ644758437/) coding地址:(https://git.coding.net/ZJJ1500802019/UI.git) 一、程序运行每个功能的...
【AI论文】SWE-rebench：一个用于软件工程代理的任务收集和净化评估的自动化管道
m0_66899341的博客
06-01 657
​ 基于LLM的代理在越来越多的软件工程（SWE）任务中显示出有前景的能力。 然而，推进这一领域面临着两个关键挑战。 首先，高质量的训练数据稀缺，尤其是反映现实世界软件工程场景的数据，在这些场景中，代理必须与开发环境交互，执行代码并根据其行为结果调整行为。 现有的数据集要么局限于一次性的代码生成，要么包含小型的、人工策划的交互式任务集合，缺乏规模和多样性。
软件工程期末速成--附带几道题
wjm041006的博客
05-28 1016
层次图层次图（也称H图）是在总体设计阶段最常使用的图形工具之一，它常用于描绘软件的层次结构。矩形代表一个模块，连线表示调用关系，适于在自顶向下设计软件的过程中使用；与层次方框图类似HIPO图是IBM公司发明的“层次图加输入／处理／输出图”的缩写；为了能使HIPO图具有可跟踪性，在H图例除了最顶层的方框之外，每个方框都加了编号：和H图中的每个方框相对应，有一张IPO图描述这个方框代表的模块的处理过程。IPO图能够方便地描述数据输入、数据处理和数据输出之间的关系。结构图。
AI与软件工程结合的未来三年发展路径分析
许泽宇的技术分享
05-30 1067
AI与软件工程融合三年发展路径：2025-2028年将经历三个关键阶段。技术层面从AI辅助编程（代码补全）演进至AI主导开发（端到端应用构建），行业垂直模型与通用模型协同发展；组织结构向"AI中心+专家团队"转型，DevAIOps重塑开发流程；人才需求从编码能力转向AI协作与系统设计能力。商业模式将重构为"AI+人类专家"混合模式，开发周期缩短80%，成本下降50%。建议企业立即构建AI赋能中心，投资人才转型，建立混合开发体系和AI治理框架，把握智能化转型先机。
AI对软件工程的影响及未来发展路径分析报告
许泽宇的技术分享
05-30 853
研究背景与意义报告框架与方法论数字化行业制造业零售业工业领域微软谷歌阿里巴巴华为技术应用维度组织结构维度人才需求维度商业模式维度研发效率维度战略规划与实施路径组织与人才转型策略技术架构与基础设施建设创新文化与生态系统构建。
软件工程方法论：在确定性与不确定性的永恒之舞中寻找平衡
laozhangguzhang的博客
05-31 963
当我们谈论“软件工程”时，“工程”二字总暗示着某种如桥梁建造般的精确与可控。然而，软件的本质却根植于人类思维的复杂性与需求的流变之中。软件工程方法论的发展史，并非线性进步的凯歌，而是一部在确定性的渴望与不确定性的现实之间不断摇摆、调适与突围的思想斗争史。它既是技术的演进，更是人类面对复杂性的认知革命。瀑布模型的诞生，源自对传统工程领域的虔诚模仿。它勾勒出一个完美的线性世界：需求如磐石般稳固，设计如蓝图般清晰，编码如施工般精准，测试如质检般可靠。这种确定性幻想满足了早期软件开发者对掌控感的深切渴望，也契合了大
组件化：软件工程化的基础
nbsaas-boot基于Request-Response的企业级快速开发框架
06-01 443
组件化：软件工程化的基石 组件化将复杂系统拆分为独立、可复用、低耦合的模块，是软件工程化的核心基础。它通过标准化接口、自治性和可替换性，降低系统复杂度，支持并行开发、持续交付和高效运维。组件化也是微服务架构的前提，需先合理划分业务边界，再考虑分布式部署。实践中需注重接口规范、依赖管理及组件沉淀，推动软件从“代码堆砌”向“系统化构建”转型，是现代化团队工程化的必经之路。
软件工程：关于招标合同履行阶段变更的法律分析
qq_27866305的博客
05-30 493
注：具体变更操作需结合项目所在地的地方性法规（如《XX省招标投标条例》）及行业特殊规定（如住建部《建筑工程施工发包与承包计价管理办法》）综合判断，建议委托专业机构进行合规性审查。根据《民法典》第465条，依法成立的合同受法律保护，原则上双方应严格按照约定履行。招标合同作为特殊类型的民事合同，其履行过程应当遵循更为严格的变更规则。该条款构成对合同变更的核心限制。------上述信息来自于法行宝的AI分析。（三）禁止变更的实质性内容。二、允许变更的法定情形。（五）、法律风险提示。
《基于AIGC的智能化多栈开发新模式》研究报告重磅发布！ ——AI重塑软件工程，多栈开发引领未来
cloud_studio的博客
05-28 401
在人工智能技术迅猛发展的浪潮下，软件开发领域正经历一场前所未有的范式革命。在此背景下，由贝壳找房（北京）科技有限公司、中国信息通信研究院云计算与大数据研究所联合编写，阿里、腾讯、北京大学、南京大学、同济大学等产业界、学术界专家作序的《基于AIGC的智能化多栈开发新模式》研究报告，经过多轮深入调研与精心打磨，现正式发布！本报告系统阐释了AIGC技术如何对传统开发模式进行升级，提出了“智能多栈开发”新理念，为行业提供从技术落地到组织转型的全景式解决方案。
晶振频率稳定性：5G 基站与航天设备的核心竞争力
weixin_57633665的博客
05-29 1109
在当今科技飞速发展的时代，电子设备的性能和可靠性至关重要。晶振作为电子设备中的核心部件，为系统提供精确的时间和频率基准。晶振的频率稳定性直接影响着设备的整体性能，从日常生活中广泛使用的智能手机、智能穿戴设备，到对精度和可靠性要求极高的5G基站、航天设备等，稳定的晶振频率都是确保设备正常运行的关键因素。随着通信技术向5G乃至未来6G的演进，以及航天探索活动的日益频繁，对晶振频率稳定性的要求也在不断提升，使其成为各领域技术发展中不可或缺的核心竞争力。晶振的频率稳定性是指晶振在工作过程中保持其输出频率恒定的能力。
软件工程 3.0：智能驱动的软件新时代
ruanjiananquan99的博客
05-29 951
在科技飞速发展的当下，软件工程领域正经历着深刻变革，软件工程 3.0 应运而生。这一全新阶段以 “智能增强” 为核心特征，将人工智能（AI）深度融入软件开发的全流程，为行业带来前所未有的机遇与挑战。​。
Vue-2-前端框架Vue基础入门之二
最新发布
qq_20466211的博客
06-01 349
计算属性、侦听器的概念。Vue.js开发的标准工具vue-cli。每个vue组件中必须包含template模板结构，而script行为和style样式是可选的组成部分。
vue+cesium示例：3Dtiles三维模型高度调整(附源码下载)
GIS之家专栏
05-26 668
接到一位知识星友的邀请，实现他需要3Dtiles三维模型的简单高度调整需求，适合学习Cesium与前端框架结合开发3D可视化项目。
现代前端框架的发展与演进
qq_25416827的博客
06-01 502
性能优化 → 更快加载与交互体验；开发体验 → 更清晰的语法与模块体系；用户体验 → 更流畅的 SSR/CSR/静态混合模式支持。
2020级软件工程结对编程作业解析
资源摘要信息: 该ZIP压缩包文件名为“2020级计算机系软件工程第二次结对编程作业.zip”，根据文件描述，它包含了2020级计算机系软件工程专业学生进行的第二次结对编程作业。结对编程是一种软件开发模式，通常是指两...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值