Extreme Programming - Improved Contact-832202124 832202113

[832202113张超群]

Extreme Programming - Improved Contact-832202124 832202113

Course for This Assignment	2401_MU_SE_EE308FZ
Member1	Chaoqun Zhang FZU:832202113MU :22126490
Member2	Haihuan Xu FZU:832202124 MU:22124926
Assignment Requirements	Extreme Programming: Improve a front-end and back-end separated contact
Objectives of This Assignment	bookmark contacts；add multiple contact methods；Import and Export

目录

• Project address
• Screenshot of Github's submission log
• Description of functional implementation ideas
• Screenshots and complete running video of the program
• Division of labor among team members
• Contribution ratio of each team member
• Difficulties encountered in cooperation and solutions
• PSP table

Project address

GitHub address：
Front_end:https://github.com/555wood/Contact/tree/Front_end
Back_end:https://github.com/555wood/Contact/tree/Back_end

Screenshot of Github's submission log

Description of functional implementation ideas

Introduction
This project focuses on creating a web-based address book application that enables users to manage their contact information effectively. Key features include bookmarking contacts for quick access, supporting multiple contact methods, and providing import/export functionality.

Functional Breakdown
Bookmark Contacts: Allows users to mark specific contacts for easier access.
Support Multiple Contact Methods: Users can associate multiple contact details with a single contact.
Import and Export: Enables users to upload contact data from an Excel file or export the existing contacts to an Excel file.
Technology Stack
The project leverages Spring Boot for back-end development, utilizing modules such as Spring Web, Spring Data JPA, and MySQL drivers.
Front-End: Developed using Vue and Element UI for dynamic and responsive interfaces.
Back-End: Implemented in Java, integrating with a MySQL database.
Database Management: MySQL serves as the database, and Navicat is used for visualizing and managing database data.
The development process starts with implementing the back-end functionalities and ensuring database connectivity. After successful back-end testing, the front-end is developed, followed by integration testing to validate connectivity and ensure database changes reflect accurately.

Implementation Steps
Bookmark Contacts: Add a UI button to toggle the isBookmarked state, providing immediate feedback to the user.
Add Multiple Contact Information: Design a form where users can input and save multiple contact details for a single contact.
Import and Export: Implement features to handle file uploads and downloads, with back-end logic to process Excel files efficiently.

Screenshots and complete running video of the program

1.Add bookmark function to favorites

2.Export:

3.Import:

4.search:

Division of labor among team members

Chaoquun Zhang (Backend Developer)
Implemented backend functionalities.,Developed the Excel Import and Export feature.Handled deployment processes.Authored documentation and blogs to record the project journey.
Haihuan Xu (Frontend Developer)
Focused on frontend development tasks.Designed and implemented the Favorites feature.Developed functionality to add multiple pieces of information seamlessly.Implement the installation of the environment

Contribution ratio of each team member

team member	contribution ratio
Haihuan Xu	50
Chaoqun Zhang	50

Difficulties encountered in cooperation and solutions

Chaoqun Zhang：
Problem:During the implementation of the Excel Import and Export functionality, the import feature faced repeated failures. Even after the initial code was completed, the import process remained non-functional.
Solution: 1. Check the code logic 2. Refer to the documentation and community solutions
Haihuan Xu:
problem：The installation of the environment encountered many problems that prevented the code from running, making it difficult to implement the bookmarking function
Solution：Confirm the operating environment requirements, troubleshoot environment configuration errors, and use CSDN to search for solutions

PSP table

Caoqun Zhang：

PSP	Estimated Time	Actual Time
Environment setup	1	1
Knowledge Learning	1	2
Backend Development	2	3
Backend Test	2	3
Total	6	9

Haihuan Xu：

PSP	Estimated Time	Actual Time
Environment setup	1	1
Knowledge Learning	1	2
Front-end Development	2	3
Front-end Test	2	3
Total	6	9