Ứng dụng này là một công cụ đánh giá hiệu suất nhân viên cơ bản. Nó có chức năng sau: Dưới đây là ảnh chụp màn hình của trang "Nhân viên": React - Node/Express - MySQL Demo
Mô tả ứng dụng
Cấu trúc cơ bản
Công nghệ được sử dụng
- Phản ứng ở phía khách hàng
- Node.js/express ở phía máy chủ
- Cơ sở dữ liệu MySQL
Hướng dẫn cài đặt và chạy
Mã được chia thành hai phần:
- phía máy chủ [trong thư mục
2]mysql> use books; mysql> show tables;
- phía máy khách [trong thư mục
3] Ứng dụng cần cả máy chủ và máy khách để chạy đồng thời. Trong môi trường phát triển, điều này đạt được bằng cách chạy hai trong các cửa sổ đầu cuối riêng biệt.mysql> use books; mysql> show tables;
Cơ sở dữ liệu MySQL
- Hướng dẫn cài đặt và chạy
- Mã được chia thành hai phần:
phía máy chủ [trong thư mục
mysql> use books;
mysql> show tables;
2]phía máy khách [trong thư mục
mysql> use books;
mysql> show tables;
3] Ứng dụng cần cả máy chủ và máy khách để chạy đồng thời. Trong môi trường phát triển, điều này đạt được bằng cách chạy hai trong các cửa sổ đầu cuối riêng biệt.Nhập để cài đặt trên máy cục bộ của bạn Cơ sở dữ liệu MySQL [bao gồm trong gói Clone/Tải xuống]
Ngoài ra, tạo cơ sở dữ liệu mysql> use books;
mysql> show tables;
4 và các bảng sau trong đó:
mysql> use books;
mysql> show tables;
- Tạo bảng
5 [mysql> use books; mysql> show tables;
6 int [11] không phải null,mysql> use books; mysql> show tables;
7 varchar [30] không null] động cơ = charet mặc định innodb = utf8;mysql> use books; mysql> show tables;
- Tạo bảng
8 [mysql> use books; mysql> show tables;
6 int [11] không phải null,mysql> use books; mysql> show tables;
0 int [11] không phải null,+-----------------+ | Tables_in_books | +-----------------+ | authors | +-----------------+ 1 row in set [0.00 sec]
7 varchar [30] không null] động cơ = innodb mặc định Charset = utf8;mysql> use books; mysql> show tables;
- Tạo bảng
2 [+-----------------+ | Tables_in_books | +-----------------+ | authors | +-----------------+ 1 row in set [0.00 sec]
6 int [11] không phải null,mysql> use books; mysql> show tables;
4 int [11] không phải null,+-----------------+ | Tables_in_books | +-----------------+ | authors | +-----------------+ 1 row in set [0.00 sec]
5 văn bản không null] động cơ = innodb mặc định charet = utf8;+-----------------+ | Tables_in_books | +-----------------+ | authors | +-----------------+ 1 row in set [0.00 sec]
- Người phục vụ
Đảm bảo rằng trong tệp 'Server/SRC/Endpoints.js' Một ổ cắm thích hợp được chỉ định cho kết nối cơ sở dữ liệu [+-----------------+
| Tables_in_books |
+-----------------+
| authors |
+-----------------+
1 row in set [0.00 sec]
6]. Hiện tại có ổ cắm cho MAMP - +-----------------+
| Tables_in_books |
+-----------------+
| authors |
+-----------------+
1 row in set [0.00 sec]
7
+-----------------+
| Tables_in_books |
+-----------------+
| authors |
+-----------------+
1 row in set [0.00 sec]
+-----------------+
| Tables_in_books |
+-----------------+
| authors |
+-----------------+
1 row in set [0.00 sec]
- Thay đổi sang thư mục
2mysql> use books; mysql> show tables;
- Tạo bảng
2 [+-----------------+ | Tables_in_books | +-----------------+ | authors | +-----------------+ 1 row in set [0.00 sec]
6 int [11] không phải null,mysql> use books; mysql> show tables;
4 int [11] không phải null,+-----------------+ | Tables_in_books | +-----------------+ | authors | +-----------------+ 1 row in set [0.00 sec]
5 văn bản không null] động cơ = innodb mặc định charet = utf8;+-----------------+ | Tables_in_books | +-----------------+ | authors | +-----------------+ 1 row in set [0.00 sec]
- Người phục vụ
Một thẻ đã tồn tại với tên chi nhánh được cung cấp. Nhiều lệnh GIT chấp nhận cả tên thẻ và tên chi nhánh, vì vậy việc tạo nhánh này có thể gây ra hành vi bất ngờ. Bạn có chắc là bạn muốn tạo chi nhánh này?
Đây là một ứng dụng web React hoạt động đầy đủ với các đặc điểm sau:React-Express-MySQL
- Dựa trên created-react-app
- Node/Express phụ trợ
- Kết nối MySQL
- Mẫu Redux để xử lý trạng thái ứng dụng
- Reactrouter cho các tuyến đường xử lý
- Phản ứng cho UI
- Redux-Saga cho các công việc không đồng bộ
Đưa ứng dụng này lên và chạy
Bản sao kho lưu trữ này:
Thiết lập cơ sở dữ liệu kiểm tra
Trong nhật ký đầu cuối làm gốc và sử dụng tệp mẫu.sql có trong repo này
mysql -u root
mysql> source sample.sql;
Tại thời điểm này, bạn có thể kiểm tra kết nối thực tế với cơ sở dữ liệu.
mysql> use books;
mysql> show tables;
Bạn nên nhận được:
+-----------------+
| Tables_in_books |
+-----------------+
| authors |
+-----------------+
1 row in set [0.00 sec]
- Cài đặt các gói máy chủ và máy khách
cd YOUR_PATH/MyWebApp
npm install
cd client
npm install
- Bắt đầu cả máy chủ và máy khách
cd YOUR_PATH/MyWebApp
npm start
Các dòng cuối cùng của đầu ra phải là
Starting the development server...
Compiled successfully!
The app is running at:
//localhost:3000/
Note that the development build is not optimized.
To create a production build, use npm run build.
Bây giờ bạn có thể trỏ trình duyệt của mình vào // localhost: 3000/!
Thiết lập máy chủ
- MyWebApp/server.js
Tệp là một ví dụ về những gì nó có thể trông như thế nào đối với một máy chủ: _ phục vụ tại cổng 3001 _ sử dụng chỉ mục tĩnh.html khi ở chế độ sản xuất _ kết nối với nhóm MySQL [nhóm cho phép xử lý kết nối lại] phía khách hàng có thể nói chuyện với
- MyWebApp/package.json
Nội dung nơi mượn và sửa đổi một chút từ tệp này.
- MyWebApp/start-client.js
Nội dung nơi mượn từ tệp này
Kiểm tra máy chủ
- Kiểm tra tối thiểu
Trong thư mục hàng đầu
npm install -s
npm run server
Tại thời điểm này bạn nên thấy:
NODE_ENV: undefined
Find the server at: //localhost:3001/
- Kiểm tra cơ sở dữ liệu
Trong nhật ký đầu cuối làm gốc và sử dụng tệp mẫu.sql có trong repo này
mysql -u root
mysql> source sample.sql
Tại thời điểm này, bạn có thể kiểm tra kết nối thực tế với cơ sở dữ liệu.
Bạn nên nhận được:
Cài đặt các gói máy chủ và máy khách
curl localhost:3001/api/books?firstName=William | jq '.'
Bắt đầu cả máy chủ và máy khách
mysql> use books;
mysql> show tables;
0Các dòng cuối cùng của đầu ra phải là
Bây giờ bạn có thể trỏ trình duyệt của mình vào // localhost: 3000/!
Thiết lập máy chủ
Tệp là một ví dụ về những gì nó có thể trông như thế nào đối với một máy chủ: _ phục vụ tại cổng 3001 _ sử dụng chỉ mục tĩnh.html khi ở chế độ sản xuất _ kết nối với nhóm MySQL [nhóm cho phép xử lý kết nối lại] phía khách hàng có thể nói chuyện với
Nội dung nơi mượn và sửa đổi một chút từ tệp này.
Chức năng chính trong tệp này thực hiện truy vấn là
mysql> use books;
mysql> show tables;
1