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

已于 2024-03-26 17:54:23 修改
阅读量632 收藏 24
点赞数 29
文章标签： 软件工程
于 2024-03-26 17:54:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HgcHgcc/article/details/136918548
版权
这个作业属于哪个课程 福州大学-202302软件工程实践
这个作业要求在哪里结对第二次作业——编程实现
结对学号222100122 & 222100119
这个作业的目标采用web技术来实现原型中的功能
其他参考文献《构建之法》、React中文文档、Ant Design

目录

一、git仓库链接和代码规范链接

git仓库链接
代码规范链接

二、PSP表格

PSPPersonal Software Process Stages预估耗时（分钟）实际耗时（分钟）
Planning计划2020
• Estimate• 估计这个任务需要多少时间2030
Development开发840980
• Analysis• 需求分析 (包括学习新技术）180300
• Design Spec• 生成设计文档3550
• Design Review• 设计复审1510
• Coding Standard• 代码规范 (为目前的开发制定合适的规范)2540
• Design• 具体设计4555
• Coding• 具体编码360490
• Code Review• 代码复审1515
• Test• 测试（自我测试，修改代码，提交修改）55115
Reporting报告140135
• Test Report• 测试报告125105
• Size Measurement• 计算工作量1515
• Postmortem & Process Improvement Plan• 事后总结, 并提出过程改进计划2015
合计12351445

三、项目访问链接

项目访问链接

四、成品展示

4.1、导航栏

导航栏包括奖牌榜、选手信息、每日赛程、详细赛况、了解更多，用户点击相应的按钮分别可以跳转到对应的页面。除此之外，点击导航栏上的图标可以跳转到首页。
在这里插入图片描述

4.2、首页

首页用于展示游泳锦标赛的基本信息和亮点概览。用户通过点击按钮可以跳转到相应的官网。首页的设计主要分为首页大图、赛事简介、赛事亮点概览。
在这里插入图片描述

4.3、选手信息

选手信息整体上分为大标题栏以及展示选手信息的表格。
表格支持图片预览、表格内容的滚动显示、分页以及选手详细信息的浏览。
在这里插入图片描述

4.4、奖牌榜

奖牌榜采用与选手信息相似的设计方式，整体上分为大标题栏与参赛国获奖情况的表格，支持分页。直观友好地展示各个参赛国的获奖情况。
在这里插入图片描述

4.5、每日赛程

每日赛程页面采用瀑布流的设计方式展示每一天的赛事，显示比赛类型和比赛时间，对于决赛予以突出显示。支持点击查看详细赛况。
在这里插入图片描述

4.6、详细赛况

详细赛况页面展示比赛的成绩，包含本场比赛参赛选手，选手排名，比赛积分，落后积分等。页面整体上分为新闻栏、赛事信息栏、用于展示选手信息的表格。
表格支持图片预览、滚动查询、分页。
在这里插入图片描述

4.7、了解更多

了解更多页面介绍世界游泳锦标赛的举办背景，图文并茂，使平台更具吸引力，引起人们对世界游泳锦标赛的兴趣。用户可以通过点击按钮浏览相应的网站来了解其它信息。
在这里插入图片描述

4.8、页脚

页脚展示相应的信息以及作者。
在这里插入图片描述

五、结对讨论过程描述

刚开始拿到题目后，我们就开始针对所采用的技术和分工进行了讨论。我们一起分析了题目要求，再考虑到自身技术水平所限，我们决定采用纯前端的方式实现本次作业的需求。

但前端方面我们只会之前Web课程上学习过的html、css、javascript，我们就想着趁这个机会多学习一点新技术，扩充自己的技术储备，后来通过查阅相关资料以及请教周围同学等方式，我们就选择将React作为自己学习的前端框架。

分工方面由洪冠诚同学负责每日赛程、详细赛况、了解更多页面的编写。由柯昊旸同学负责首页、奖牌榜、选手信息页面的编写。

在合作的过程中，遇到问题我们通过积极交流和讨论、查阅网上资料、请教周围同学等方式，共同克服了困难。由于我们是在一个宿舍的舍友，大多是线下交流，因此聊天记录大多只有一些简要的讨论和交流。以下是部分聊天记录。
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

六、设计实现过程

6.1、功能结构图

在这里插入图片描述

6.2、设计实现过程

基本功能设计过程：
奖牌榜：使用了antd库中的Table组件来实现表格展示，并且通过数组自定义了表格的列和数据源，利用Table组件实现分页和滚动。
选手信息：同样结合antd库中的Table组件实现自定义表格组件，设置表格的列和数据源，通过Link组件实现点击时跳转至选手详细信息的页面。
每日赛程：通过div元素设计好布局，其中嵌套多级div元素实现赛程的布局排版，通过引入react的useNavigate实现点击时跳转至详细赛况页面。
详细赛况：利用div元素设计好布局，复用之前设计好的表格组件进行实现，并结合css调整样式。

扩展功能设计过程：
首页：通过div元素设计好大体的布局框架，然后引入React的antd库的Button和SearchOutlined等UI组件进行快速设计。并使用memo来提高性能，避免不必要的渲染更新。
了解更多：通过div元素布局以及引入antd库的Image等组件实现。
表格结合antd库中的Table组件自带的属性进行设置。

6.3、遇到的问题及解决方式

问题：针对服务器部署，我们遇到了以下问题：
Node.js版本与服务器glic环境不兼容，同时与es6和jsx语法也存在兼容性问题。为解决此问题，我们通过安装指定版本的Node.js环境来达成兼容。
服务器防火墙问题：系统自带的防火墙和阿里云安全组的端口开放设置存在问题，导致使用nmap扫描时无法发现开放的端口。对此，我们采取了正确配置安全组和firewalld的方法来解决问题。
解决方案: 通过查阅网上资料以及咨询有部署服务器经验的同学，我们选择通过宝塔面板（一个成熟的现有部署环境）来提供稳定的网站访问体验。

问题：部署完服务器后，发现访问链接时显示空白。
解决方案：刚开始以为是自己部署服务器时出现了问题，在经过一个小时的各种尝试后，发现是路由设置没有设置好，导致首页链接无法正常跳转，在增设了针对默认访问页面的路由之后，问题成功解决。

6.4、扩展功能实现情况

在第一次结对作业原型的基础上，增加了表格滚动、分页、图片预览、选手详细信息查看等功能。
实现了首页和了解更多页面。

七、代码说明

7.1、RouterComponent.jsx

我们自定义了一个React应用的路由组件（RouterComponent），并引入所需的库和组件（包括一系列自定义组件），代码使用React Router DOM进行路由导航，并结合Context API（通过LayoutContext）来统一管理页面的头部（Header）和底部（Footer）布局。
其中，LayoutContext是一个React上下文，它被用来共享布局组件（即Header和Footer）。
而LayoutProvider组件使用LayoutContext.Provider来提供上下文值。这个值是一个对象，包含header和footer两个属性，分别对应Header和Footer组件。
PageLayout组件使用useContext Hook 来消费LayoutContext中的值，然后渲染header，children和footer。这样，每个页面都会有一个通用的头部和尾部。
RouterComponent组件使用React Router的Router，Routes和Route组件来定义路由规则。所有的Route都被包裹在Routes组件中，而Routes组件又被包裹在LayoutProvider组件中，这样每个页面都可以访问到LayoutContext的值。

import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import { createContext, useContext } from "react";
import Header from "./Header";
import Footer from "./Footer";
import EveryDay from "./EveryDay";
import HomePage from "./HomePage";
import More from "./More";
import Detail from "./detail";
import AtheleteInfo from "./AtheleteInfo.jsx";
import Medal from "./Medal.jsx";

const LayoutContext = createContext();

function LayoutProvider({ children }) {
  return (
    <LayoutContext.Provider value={{ header: <Header />, footer: <Footer /> }}>
      {children}
    </LayoutContext.Provider>
  );
}

function PageLayout({ children }) {
  const { header, footer } = useContext(LayoutContext);

  return (
    <div>
      {header}
      <main>{children}</main>
      {footer}
    </div>
  );
}

function RouterComponent() {
  return (
    <Router>
      <LayoutProvider>
        <Routes>
          {/* 在这里添加接下来的页面 */}
          <Route
            path="/"
            element={
              <PageLayout>
                <HomePage />
              </PageLayout>
            }
          />
          <Route
            path="/HomePage.jsx"
            element={
              <PageLayout>
                <HomePage />
              </PageLayout>
            }
          />
          <Route
            path="/Medal.jsx"
            element={
              <PageLayout>
                <Medal />
              </PageLayout>
            }
          />
          <Route
            path="/AtheleteInfo.jsx"
            element={
              <PageLayout>
                <AtheleteInfo />
              </PageLayout>
            }
          />
          <Route
            path="/everyday"
            element={
              <PageLayout>
                <EveryDay />
              </PageLayout>
            }
          />
          <Route
            path="/detail"
            element={
              <PageLayout>
                <Detail />
              </PageLayout>
            }
          />
          <Route
            path="/more"
            element={
              <PageLayout>
                <More />
              </PageLayout>
            }
          />
          {/* 如果还有其他页面，可以在这里添加 */}
        </Routes>
      </LayoutProvider>
    </Router>
  );
}

export default RouterComponent;

7.2、AthleteInfoTable.jsx

我们定义了一个名为columns的数组，这个数组用于配置一个antd库中的Table组件，使其能够展示运动员的信息。
在render函数中，使用模板字符串和变量来动态生成单元格的内容。例如，通过访问record.flagUrl来显示国旗图片，通过访问record.athleteName来显示选手姓名。最后一列的render函数使用了Link组件，用于在页面内创建可点击的链接，以查看运动员的详细信息。

import {Table} from 'antd';
import { Image, Space } from 'antd';
import './RankTable.css';
import {RightSquareOutlined} from "@ant-design/icons";
import {Link} from "react-router-dom";

const columns = [
    {
        title: '国家或地区',
        dataIndex: 'country',
        key: 'country',
        render: (text, record) => (
            <Space size="small">
                {/* 显示国旗图片 */}
                <Image src={record.flagUrl} alt={`国旗 - ${record.countryName}`} width={20} height={20} />
                {/* 显示国家名称 */}
                {record.countryName}
            </Space>
        ),
    },
    {
        title: '选手',
        dataIndex: 'athlete',
        key: 'athlete',
        render: (text, record) => (
            <Space size="small">
                {/* 显示选手图片 */}
                <Image
                    src={record.photoUrl}
                    alt={`选手照片 - ${record.athleteName}`}
                    width={40}
                    height={40}
                    style={{borderRadius: '50%'}}
                />
                {/* 显示选手姓名 */}
                {record.athleteName}
            </Space>
        ),
    },
    {
        title: '性别',
        dataIndex: 'gender',
        key: 'gender',
    },
    {
        title: '出生日期',
        dataIndex: 'DOB',
        key: 'DOB',
    },
    {
        title: '项目',
        dataIndex: 'discipline',
        key: 'discipline',
    },
    {
        title: '查看详细信息',
        dataIndex: 'details',
        key: 'details',
        render: (text, record) => (
            <Space size="small">
                <Link to={record.infoUrl}>
                    <RightSquareOutlined style={{ fontSize: '24px' }}/>
                </Link>
            </Space>
        ),
    },
];

7.3、EveryDay.jsx

由于代码较长，这里选取比较有代表性的一个部分进行说明。这段代码首先定义了一个父div块，内部为纵向布局，内容部分再定义两个子div块，子div块内部横向排列，用于容纳比赛项目，比赛项目的展示部分再使用div块纵向排列展示比赛信息。
对于决赛部分使用css样式进行突出显示，最后定义事件处理函数在用户点击相应比赛区块时跳转至相应的详细赛况页面。

<div className="everyday-vertical everyday-block2Item">
        {/* 18号上半 */}
        <span className="date">Thursday 18th January</span>
        <div className="everyday-horizontal everyday-container">
          <div className="everyday-vertical everyday-wrapper everyday-wrapper1">
            <div className="everyday-iconDownWrapper">
              <img
                className="everyday-iconDown"
                src={img_swim}
                alt="img_swim.png"
              />
            </div>
            <span className="womenSpringboard">Women 1m Springboard</span>
            <span className="everyday-time">时间：5:00 PM</span>
            <div className="everyday-horizontal everyday-group">
              <span className="everyday-tag">比赛类型</span>
              <span className="everyday-eventType">Preliminaries</span>
            </div>
          </div>
          <div className="everyday-vertical everyday-wrapper everyday-wrapper1">
            <div className="everyday-iconDownWrapper">
              <img
                className="everyday-iconDown"
                src={img_swim}
                alt="img_swim.png"
              />
            </div>
            <span className="menSpringboard">Men 1m Springboard</span>
            <span className="everyday-time">时间：5 :00 PM</span>
            <div className="everyday-horizontal everyday-group">
              <span className="everyday-tag">比赛类型</span>
              <span className="everyday-eventType">Preliminaries</span>
            </div>
          </div>
        </div>
        {/* 18号下半 */}
        <div
          className="everyday-horizontal everyday-container"
          style={{ marginTop: "44px" }}
        >
          <div className="everyday-horizontal everyday-wrapper2">
            <div className="everyday-vertical everyday-group1">
              <div className="everyday-iconDownWrapper">
                <img
                  className="everyday-iconDown"
                  src={img_swim}
                  alt="img_swim.png"
                />
              </div>
              <span className="menSpringboard1">Men 1m Springboard</span>
              <span className="everyday-time">时间：10:00 PM</span>
              <div
                className="everyday-horizontal everyday-group"
                style={{ width: "343px" }}
              >
                <span className="everyday-tag">比赛类型</span>
                <span className="finals">Finals</span>
                <img
                  className="finalIcon"
                  src={img_final}
                  alt="img_final.png"
                />
              </div>
            </div>
          </div>
          <div className="everyday-vertical everyday-wrapper3">
            <div className="everyday-iconDownWrapper">
              <img
                className="everyday-iconDown"
                src={img_swim}
                alt="img_swim.png"
              />
            </div>
            <span className="menSynchronised">Men 3m Synchronised</span>
            <span className="everyday-time">时间：10:00 PM</span>
            <div
              className="everyday-horizontal everyday-group"
              style={{ width: "343px" }}
            >
              <span className="everyday-tag">比赛类型</span>
              <span className="finals">Finals</span>
              <img className="finalIcon" src={img_final} alt="img_final.png" />
            </div>
          </div>
          <div
            className="everyday-vertical everyday-wrapper3"
            style={{ right: "0px" }}
            onClick={handleClick}
          >
            <div className="everyday-iconDownWrapper">
              <img
                className="everyday-iconDown"
                src={img_swim}
                alt="img_swim.png"
              />
            </div>
            <span className="womenSpringboard1">Women 1m Springboard</span>
            <span className="everyday-time">时间：10:00 PM</span>
            <div
              className="everyday-horizontal everyday-group"
              style={{ width: "343px" }}
            >
              <span className="everyday-tag">比赛类型</span>
              <span className="finals">Finals</span>
              <img className="finalIcon" src={img_final} alt="img_final.png" />
            </div>
          </div>
        </div>
      </div>

7.4、Header.jsx

React组件HoverToBlueLink接收一个路径to和子元素作为输入。当鼠标悬停在组件生成的链接上时，链接颜色会变为蓝色，鼠标离开后恢复原色。组件内部通过状态管理useState实现这一交互效果。最后，该组件返回一个Link组件，可以通过点击跳转到对应页面。
Header组件通过div元素包含多个HoverToBlueLink组件，用于渲染页面顶部的导航栏。

import "./Header.css";
import img_0 from "./assets/img_0.png";
import img_1 from "./assets/bars-solid.svg";
import { Link } from "react-router-dom"; // 导入Link组件

import React, { useState } from "react";

const HoverToBlueLink = ({ children, to }) => {
  const [isHovered, setIsHovered] = useState(false);

  const handleMouseEnter = () => setIsHovered(true);
  const handleMouseLeave = () => setIsHovered(false);

  return (
    <Link
      to={to} // 指定链接路径
      style={{
        color: isHovered ? "#2ce0fd" : "inherit",
        textDecoration: "none", // 移除下划线
        margin: "3px",
      }}
      onMouseEnter={handleMouseEnter}
      onMouseLeave={handleMouseLeave}
    >
      {children}
    </Link>
  );
};

export default function Header() {
  return (
    <div className="header-bar">
      <HoverToBlueLink to="/HomePage.jsx">
        <img id="icon-1" alt="img_0" src={img_0} />
      </HoverToBlueLink>

      <div id="icon-2">
        <img id="icon-2" alt="icon-2" src={img_1} />{" "}
      </div>
      <div className="right-aligned-tags">
        <HoverToBlueLink to="/Medal.jsx">
          {" "}
          <span id="tag-0" className="tag">
            奖牌榜
          </span>
        </HoverToBlueLink>
        <HoverToBlueLink to="/AtheleteInfo.jsx">
          {" "}
          <span id="tag-1" className="tag">
            选手信息
          </span>
        </HoverToBlueLink>
        <HoverToBlueLink to="/everyday">
          {" "}
          <span id="tag-2" className="tag">
            每日赛程
          </span>
        </HoverToBlueLink>
        <HoverToBlueLink to="/detail">
          {" "}
          <span id="tag-3" className="tag">
            详细赛况
          </span>
        </HoverToBlueLink>
        <HoverToBlueLink to="/more">
          {" "}
          <span id="tag-4" className="tag">
            了解更多
          </span>
        </HoverToBlueLink>
      </div>
    </div>
  );
}

八、心路历程和收获

222100122洪冠诚：
在这次React项目实践中，我深入理解了组件化开发的理念，并通过与柯昊旸同学的结对编程，不仅提升了自己的技术实践能力，更学会了如何更好地团队协作，解决实际问题。在遇到困难时，我们互相支持、共同探讨，这种思维碰撞让我受益匪浅。此外，通过这次作业我也学习使用了git管理项目的更多功能，对git的使用更加熟悉了。

222100119柯昊旸：
本次结对编程过程中，我深感合作的重要性。与洪冠诚同学一起攻克项目难关，我体会到了理论与实践相结合的价值所在。他在项目设计和逻辑梳理方面的严谨态度对我影响颇深，我们一起面对挑战，共享成功，这样的经历无疑提升了我的编程技巧和解决问题的能力。

九、评价结对队友

222100122洪冠诚对222100119柯昊旸的评价：柯昊旸同学的动手实践能力和学习新技术的速度都比我强，经常我在犹犹豫豫不知道怎么下手寻找切入点的时候，他总是能很快地找到相应的解决方案并且实现它。我非常欣赏柯昊旸同学出色的动手实践能力和敏捷的思维方式，他的敢想敢做的行事风格总是能有效推动我们的项目进度，期待未来能够有再次与他合作的机会。
在这里插入图片描述

222100119柯昊旸对222100122洪冠诚的评价：洪冠诚同学在项目中展现出极高的逻辑思维能力和扎实的基础知识，他对React框架的理解深入且独到，总能在项目架构层面提供关键性的建议。同时，他的耐心与细致也给我留下了深刻印象，在我遇到困惑时，他总能耐心指导并帮助我理清思路。与洪冠诚的合作让我看到了自己需要提升的地方，同时也从他身上学到了很多宝贵的经验，希望将来还有机会能继续携手完成更多的项目。
在这里插入图片描述

cghhgccc
关注
  • 29
    点赞
  • 踩
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2020级计算机系软件工程第二次结对编程作业.zip
04-08
2020级计算机系软件工程第二次结对编程作业.zip 2020级计算机系软件工程第二次结对编程作业.zip 2020级计算机系软件工程第二次结对编程作业.zip 2020级计算机系软件工程第二次结对编程作业.zip 2020级计算机系软件...
结对第一次作业-原型网页
03-10
原型输出为网页
结对作业第二次——原型实现
m0_70770115的博客
03-25 2011
然后一次设计选手信息，每日赛况、详细赛况、奖牌榜和了解更多的部分，同样是按照之前设计的模板来进行排版设计和功能设计，其中所需要的数据都是从助教给的网站上的数据手打下来的。首先进入网站的首页，页首是导航栏，可以点击跳转到对应的部分，一共有五个部分，分别是首页，选手信息，每日赛况、详细赛况、奖牌榜和了解更多。这部分主要就是赛事信息的下展菜单的实现重要，在js中用表格的方式展开信息，并把它们封装到一个函数（toggleDropdown）里，触发点击事件的时候调用这个函数实现下展的功能。选手的详细信息如上图所示。
结对第二次作业--编程实现
m0_51671161的博客
03-24 255
首页：其中是含有四种图片的轮播图，循环播放赛程期间的热点图片选手排名：其中两种表格，分别存放选手的Rank、Matches、Aces信息。每日赛程：里面放在不同日期、不同场地、不同比赛的信息详细赛况：放在特定比赛的详细信息，并且可以下拉选择不同比赛场次晋级图：里面存放晋级路线图，并高亮显示获胜者种子选手：展示未来最具潜力的选手排名。了解更多：放在有关澳大利亚历史的时间线并配上两张图片，有李娜夺冠照片哦。
软件工程第二次作业——结对编程
05-04 149
1500802021 王子墨 http://www.cnblogs.com/SeasonW/ 1500802023 孔帮林 http://www.cnblogs.com/kongbl/ coding地址：https://git.coding.net/SeasonW/calculator.git 功能截图 照片 心得体会：谈下结对编程的优缺点吧，首先说优点。第一，可以发散思维，两个...
结对编程——敏捷开发.pdf
08-22
"结对编程——敏捷开发" 结对编程（Pair Programming）是敏捷开发（Agile Development）中的一种实践方法，它是指两名开发者坐在一起，共享一台电脑，共同编写代码的过程。 结对编程的优点： 1. 提高代码质量：...
PairProject:W班软件工程实践结对第二次作业仓库
04-01
结对第二次作业-顶会热词统计的实现为了不遗漏作业内容，这里有一个清单检查表方便同学们快速检阅。fork仓库，和伙伴商讨如何通过github协作/代码规范等编程实现功能一，操作爬取的论文列表功能二，爬取结果分析展示...
两个人的效率——记软件工程结对编程
03-04
如果你没有尝试过，那你更应该读下去，因为这篇文章将会带你体会这种编程模式，带你走进结对编程的世界。这次结对项目的名称为“学术会议的展示”，即在原有的微软学术地图的基础上，添加学术会议的信息及地理位置...
【软件工程】【22.04】p1
irel1a_3的博客
06-22 289
内聚程度测试序列CMMI能力等级DFD数据流图组成（实体经典详细设计CMMI过程改善。
《计算机英语》 Unit 3 Software Engineering 软件工程
qq_64684039的博客
06-22 1247
《计算机英语》 Unit 3 Software Engineering 软件工程
软件工程-第5章面向对象分析
2302_78218660的博客
06-23 375
①基本概念：对象指要研究的任何事物。类是对象的模板，即类是对一组有相同数据和相同操作的对象的定义，一个类所包含的数据和方法描述一组对象的共同属性和行为。继承性是子类自动共享父类中数据和方法的机制。封装性是对象的重要特性，封装是一种信息隐蔽技术，使数据更安全。多态性是指相同的操作可作用于多种类型的对象上并获得不同的结果。面向对象以对象为中心，以类和继承为构造机制。②统一建模语言UML：简单，统一且能表达软件设计中的动态和静态信息的特点。特点：支持面向对象技术的主要概念。通用。建模能力强。
2024年欧洲化学电镀市场主要企业市场占有率及排名.docx
06-25
2024年欧洲化学电镀市场主要企业市场占有率及排名.docx
计算机本科生毕业论文1111
06-25
老人服务系统
探索Elasticsearch的节点角色：集群的构建基石
06-25
Elasticsearch是一个基于Lucene的搜索引擎，它提供了一个分布式、多租户能力的全文搜索引擎，具有HTTP web接口和无模式的JSON文档。Elasticsearch是用Java编写的，但也可以作为服务在多种操作系统上运行，包括Windows、Linux和macOS。 ### Elasticsearch的主要特点包括： 1. **分布式性质**：Elasticsearch天生设计为分布式，可以很容易地扩展到数百台服务器，处理PB级别的数据。 2. **实时搜索**：Elasticsearch提供了快速的搜索能力，可以实时索引和搜索数据。 3. **高可用性**：通过自动分片和复制，Elasticsearch确保了数据的高可用性和容错性。 4. **多租户**：Elasticsearch支持多租户，允许多个用户或应用共享同一集群资源。 5. **丰富的查询语言**：Elasticsearch提供了强大的查询语言，支持结构化、非结构化数据的复杂搜索需求。 6. **横向扩展**：Elasticsearch可以通过简单地增加节点来扩展集群。 等
JAVA语言考试系统的设计与实现(论文+源代码+文献综述+外文翻译+开题报告).zip
06-25
JAVA语言考试系统的设计与实现(论文+源代码+文献综述+外文翻译+开题报告)
2024高频作业题答案.zip
最新发布
06-25
2024高频作业题答案.zip
信捷DS5L1DS5C1DS5N1DS5K1DS5L2DS5C2伺服驱动器CAD图纸.zip
06-25
信捷DS5L1DS5C1DS5N1DS5K1DS5L2DS5C2伺服驱动器CAD图纸
基于PHP+python开发的系统快照的入侵检测系统+源码+开发文档（毕业设计&课程设计&项目开发）
06-25
基于PHP+python开发的系统快照的入侵检测系统+源码+开发文档，适合毕业设计、课程设计、项目开发。项目源码已经过严格测试，可以放心参考并在此基础上延申使用~ 项目简介： 环境要求 linux python 2.6/2.7 php&mysql&apache/nginx ###python端 介绍 config目录 存放用户自定义配置文件config.ini ,进程黑白名单和后门敏感关键字 include目录 存放程序配置文件 module目录 存放系统快照功能模块，模块编写按照里面的ids_framework框架编写。 main.py 主文件 ###php端 介绍 前端采用bootstrap+jquery设计而成 ###运行 先新建数据库ids并把ids.sql导入 运行 python main.py ###总结 每当执行一次main.py后，ids就能发现所检测功能里所有发生的新变化，并且对这些新发生的变化进行危害分析，从而达到入侵检测的效果。
敏捷中结对编程只能应用与编程阶段对吗
07-14
结对编程（Pair Programming）是敏捷开发中一种常见的实践方法，但它并不仅限于编程阶段。结对编程可以应用于整个敏捷开发过程中的各个阶段，包括需求分析、设计、编码、测试和部署等。在结对编程中，两个开发人员...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值