博采网站建设,新品上市怎么推广词,科技公司 网站模板,青岛 网站开发✅作者简介#xff1a;2022年博客新星 第八。热爱国学的Java后端开发者#xff0c;修心和技术同步精进。 #x1f34e;个人主页#xff1a;Java Fans的博客 #x1f34a;个人信条#xff1a;不迁怒#xff0c;不贰过。小知识#xff0c;大智慧。 #x1f49e;当前专栏… ✅作者简介2022年博客新星 第八。热爱国学的Java后端开发者修心和技术同步精进。 个人主页Java Fans的博客 个人信条不迁怒不贰过。小知识大智慧。 当前专栏Java案例分享专栏 ✨特色专栏国学周更-心性养成之路 本文内容从零开始构建一个高效的开源管理系统——使用 React 和 Ruoyi-Vue-Plus 的实战指南 前些天发现了一个巨牛的人工智能学习网站通俗易懂风趣幽默忍不住分享一下给大家。点击跳转到网站。 文章目录 一、引言1. 管理系统的重要性2. 选择技术栈的考虑3. 项目的目标4. 文章结构 二、项目架构1. 整体架构图2. 前端架构2.1 组件components2.2 页面pages2.3 服务services2.4 状态管理store2.5 样式styles2.6 工具函数utils 3. 后端架构3.1 控制器层controller3.2 业务逻辑层service3.3 数据访问层repository3.4 实体类domain3.5 配置类config 4. 数据库设计5. 项目扩展性 三、前端开发1. 创建 React 项目2. 安装依赖3. 项目结构4. 配置路由5. 创建共享组件5.1 按钮组件 6. 创建用户管理页面7. API 服务8. 状态管理9. 样式管理 四、后端开发1. 创建 Ruoyi-Vue-Plus 项目2. 配置数据库3. 数据库设计3.1 用户表users3.2 角色表roles 4. 创建实体类4.1 用户实体类4.2 角色实体类 5. 创建数据访问层5.1 用户仓库5.2 角色仓库 6. 创建服务层6.1 用户服务6.2 角色服务 7. 创建控制器层7.1 用户控制器7.2 角色控制器 8. 安全配置8.1 添加依赖8.2 配置安全策略 9. 测试 API 五、结论1. 项目回顾2. 技术优势3. 未来展望 六、投票 一、引言 在当今数字化时代企业管理系统的需求日益增长。无论是中小型企业还是大型企业管理系统的有效性直接影响到企业的运营效率和决策能力。为了满足这一需求开发一个灵活、可扩展且易于使用的管理系统显得尤为重要。
1. 管理系统的重要性 管理系统通常用于处理企业内部的各种业务流程包括用户管理、权限控制、数据分析等。一个高效的管理系统能够帮助企业
提高工作效率通过自动化流程减少人工操作提高工作效率。数据集中管理将企业的各类数据集中存储便于管理和分析。决策支持提供实时数据分析和报告帮助管理层做出更明智的决策。用户体验优化通过友好的界面和交互设计提高用户的使用体验。
2. 选择技术栈的考虑 在开发管理系统时选择合适的技术栈至关重要。本文选择了以下技术栈
React作为一个流行的前端框架React 提供了组件化的开发方式使得代码可重用性高维护性强。TypeScriptTypeScript 是 JavaScript 的超集提供了静态类型检查能够在开发阶段捕获潜在的错误提高代码的可靠性。Ant Design ProAnt Design Pro 是一个基于 Ant Design 的企业级 UI 设计语言提供了丰富的组件库和设计规范能够快速构建美观的用户界面。Ruoyi-Vue-Plus这是一个基于 Spring Boot 的开源管理系统框架提供了完善的后端功能和权限管理能够快速搭建企业级应用。
3. 项目的目标 本项目的目标是构建一个开源的管理系统能够实现基本的用户管理功能。通过将前端的 React 应用与后端的 Ruoyi-Vue-Plus 框架对接我们希望实现以下功能
用户的增删改查CRUD操作用户权限管理数据的实时展示和分析
4. 文章结构 本文将分为几个部分首先介绍项目的架构和技术栈然后详细讲解前端和后端的开发过程最后总结项目的实现和未来的扩展方向。通过这些内容读者将能够清晰地理解如何使用现代技术构建一个高效的管理系统。
二、项目架构 在构建一个开源管理系统时合理的项目架构是确保系统可维护性、可扩展性和高效性的基础。本文将详细介绍本项目的整体架构包括前端和后端的结构设计、技术选型以及各个模块的功能划分。
1. 整体架构图
my-management-system/
├── frontend/ # 前端代码
│ ├── public/ # 静态资源
│ ├── src/
│ │ ├── components/ # 共享组件
│ │ ├── pages/ # 页面组件
│ │ ├── services/ # API 服务
│ │ ├── store/ # 状态管理
│ │ ├── styles/ # 样式文件
│ │ ├── utils/ # 工具函数
│ │ └── App.tsx # 入口文件
└── backend/ # 后端代码├── src/│ ├── main/│ │ ├── java/ # Java 源代码│ │ └── resources/ # 配置文件│ ├── domain/ # 实体类│ ├── repository/ # 数据访问层│ ├── service/ # 业务逻辑层│ ├── controller/ # 控制器层│ └── config/ # 配置类2. 前端架构
前端部分使用 React 和 Ant Design Pro 构建主要包括以下几个模块
2.1 组件components
共享组件如按钮、表单、模态框等封装成可复用的组件便于在不同页面中使用。布局组件如导航栏、侧边栏、页脚等负责整体页面的布局。
2.2 页面pages
首页展示系统的概览信息和快捷操作。用户管理实现用户的增删改查功能展示用户列表。角色管理管理用户角色和权限。数据分析展示系统的统计数据和图表。
2.3 服务services
API 服务负责与后端进行数据交互封装 HTTP 请求处理 API 调用和错误处理。
2.4 状态管理store
状态管理使用 Redux 或 Context API 管理全局状态确保组件之间的数据共享和同步。
2.5 样式styles
样式文件使用 CSS 或 LESS 进行样式管理确保页面的美观和一致性。
2.6 工具函数utils
工具函数封装常用的工具函数如日期格式化、数据校验等提升代码的复用性。
3. 后端架构
后端部分基于 Ruoyi-Vue-Plus 框架采用分层架构设计主要包括以下几个模块
3.1 控制器层controller
用户控制器处理用户相关的 HTTP 请求如获取用户列表、添加用户、删除用户等。角色控制器处理角色相关的请求管理用户角色和权限。
3.2 业务逻辑层service
用户服务封装用户相关的业务逻辑如用户注册、登录、权限验证等。角色服务处理角色的增删改查逻辑。
3.3 数据访问层repository
用户仓库与数据库交互执行用户相关的 CRUD 操作。角色仓库与数据库交互执行角色相关的 CRUD 操作。
3.4 实体类domain
用户实体定义用户的属性如用户名、密码、邮箱等。角色实体定义角色的属性如角色名、权限列表等。
3.5 配置类config
数据库配置配置数据库连接信息。安全配置配置安全相关的设置如 JWT 认证、权限过滤等。
4. 数据库设计
数据库设计是系统架构的重要组成部分。我们将使用 MySQL 数据库主要包括以下表
用户表users存储用户的基本信息如 ID、用户名、密码、邮箱、角色 ID 等。角色表roles存储角色的基本信息如 ID、角色名、权限列表等。用户角色关联表user_roles存储用户与角色的关联关系。
5. 项目扩展性
本项目架构设计考虑了未来的扩展性。随着需求的变化可以轻松添加新的功能模块如
日志管理记录用户操作日志便于审计和追踪。数据报表生成各类数据报表支持导出功能。通知系统实现系统通知和消息推送功能。 通过合理的项目架构设计我们能够确保系统的可维护性和可扩展性。前后端的分离使得开发过程更加高效团队可以并行工作快速迭代。 三、前端开发 前端开发是构建管理系统的重要环节负责实现用户界面和用户交互。本文将详细介绍前端开发的各个步骤包括项目初始化、组件设计、路由配置、状态管理、API 服务以及样式管理。
1. 创建 React 项目
首先我们需要使用 Create React App 创建一个新的 React 项目并配置 TypeScript。
npx create-react-app frontend --template typescript
cd frontend2. 安装依赖
接下来安装 Ant Design Pro 及其相关依赖以便使用其丰富的组件库和设计规范。
npm install ant-design/pro-layout ant-design/pro-table antd axios react-router-dom3. 项目结构
在 src 目录下按照以下结构组织代码
src/
├── components/ # 共享组件
├── pages/ # 页面组件
├── services/ # API 服务
├── store/ # 状态管理
├── styles/ # 样式文件
├── utils/ # 工具函数
└── App.tsx # 入口文件4. 配置路由
在 src/App.tsx 中配置路由使用 react-router-dom 实现页面导航。
import React from react;
import { BrowserRouter as Router, Route, Switch } from react-router-dom;
import Home from ./pages/Home;
import UserManagement from ./pages/UserManagement;
import RoleManagement from ./pages/RoleManagement;const App: React.FC () {return (RouterSwitchRoute path/ exact component{Home} /Route path/users component{UserManagement} /Route path/roles component{RoleManagement} //Switch/Router);
};export default App;5. 创建共享组件
在 src/components/ 目录下创建一些共享组件例如按钮、表单和模态框。
5.1 按钮组件
// src/components/MyButton.tsx
import React from react;
import { Button } from antd;interface MyButtonProps {label: string;onClick: () void;
}const MyButton: React.FCMyButtonProps ({ label, onClick }) {return Button typeprimary onClick{onClick}{label}/Button;
};export default MyButton;6. 创建用户管理页面
在 src/pages/ 目录下创建用户管理页面展示用户列表并实现增删改查功能。
// src/pages/UserManagement.tsx
import React, { useEffect, useState } from react;
import { Table, Button, Modal, Form, Input } from antd;
import { getUsers, addUser, deleteUser } from ../services/api;const UserManagement: React.FC () {const [users, setUsers] useState([]);const [isModalVisible, setIsModalVisible] useState(false);const [form] Form.useForm();useEffect(() {const fetchUsers async () {const data await getUsers();setUsers(data);};fetchUsers();}, []);const handleAddUser async (values: any) {await addUser(values);setIsModalVisible(false);const data await getUsers();setUsers(data);};const handleDeleteUser async (id: number) {await deleteUser(id);const data await getUsers();setUsers(data);};return (divButton typeprimary onClick{() setIsModalVisible(true)}添加用户/ButtonTable dataSource{users} rowKeyidTable.Column title用户名 dataIndexusername /Table.Column title邮箱 dataIndexemail /Table.Column title操作 render{(text, record) (Button typelink onClick{() handleDeleteUser(record.id)}删除/Button)} //TableModal title添加用户 visible{isModalVisible} onCancel{() setIsModalVisible(false)} footer{null}Form form{form} onFinish{handleAddUser}Form.Item nameusername label用户名 rules{[{ required: true }]}Input //Form.ItemForm.Item nameemail label邮箱 rules{[{ required: true, type: email }]}Input //Form.ItemForm.ItemButton typeprimary htmlTypesubmit提交/Button/Form.Item/Form/Modal/div);
};export default UserManagement;7. API 服务
在 src/services/ 目录下创建 API 服务封装与后端的 HTTP 请求。
// src/services/api.ts
import axios from axios;const API_URL /api/users;export const getUsers async () {const response await axios.get(API_URL);return response.data;
};export const addUser async (user: any) {await axios.post(API_URL, user);
};export const deleteUser async (id: number) {await axios.delete(${API_URL}/${id});
};8. 状态管理
如果项目复杂度增加可以使用 Redux 或 Context API 进行状态管理。以下是使用 Context API 的简单示例
// src/store/UserContext.tsx
import React, { createContext, useContext, useState } from react;const UserContext createContextany(null);export const UserProvider: React.FC ({ children }) {const [users, setUsers] useState([]);return (UserContext.Provider value{{ users, setUsers }}{children}/UserContext.Provider);
};export const useUserContext () useContext(UserContext);9. 样式管理
使用 Ant Design 提供的样式和自定义样式文件确保页面的美观和一致性。可以在 src/styles/ 目录下创建样式文件使用 LESS 或 CSS 进行样式管理。
/* src/styles/global.css */
body {margin: 0;font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}通过以上步骤我们成功构建了一个简单的前端管理系统能够实现用户的增删改查功能。前端部分使用了 React 和 Ant Design Pro确保了良好的用户体验和界面美观。后续可以根据需求扩展更多功能如角色管理、数据分析等。 四、后端开发 后端开发是管理系统的核心部分负责处理业务逻辑、数据存储和与前端的交互。本文将详细介绍后端开发的各个步骤包括项目初始化、数据库设计、控制器、服务层、数据访问层以及安全配置。
1. 创建 Ruoyi-Vue-Plus 项目
首先按照 Ruoyi-Vue-Plus 的官方文档创建一个新的项目。确保你已经安装了 JDK 和 Maven。
git clone https://gitee.com/y_project/Ruoyi-Vue-Plus.git
cd Ruoyi-Vue-Plus2. 配置数据库
在 src/main/resources/application.yml 文件中配置数据库连接信息。以下是一个 MySQL 数据库的示例配置
spring:datasource:url: jdbc:mysql://localhost:3306/your_database_name?useUnicodetruecharacterEncodingutf8serverTimezoneUTCusername: your_usernamepassword: your_passwordjpa:hibernate:ddl-auto: update3. 数据库设计
根据系统需求设计数据库表。以下是用户和角色表的设计示例
3.1 用户表users
字段名类型描述idBIGINT用户ID主键usernameVARCHAR(50)用户名passwordVARCHAR(255)密码emailVARCHAR(100)邮箱role_idBIGINT角色IDcreated_atTIMESTAMP创建时间updated_atTIMESTAMP更新时间
3.2 角色表roles
字段名类型描述idBIGINT角色ID主键role_nameVARCHAR(50)角色名称permissionsTEXT权限列表
4. 创建实体类
在 src/main/java/com/example/domain 目录下创建用户和角色的实体类。
4.1 用户实体类
package com.example.domain;import javax.persistence.*;
import java.time.LocalDateTime;Entity
Table(name users)
public class User {IdGeneratedValue(strategy GenerationType.IDENTITY)private Long id;private String username;private String password;private String email;Column(name role_id)private Long roleId;Column(name created_at)private LocalDateTime createdAt;Column(name updated_at)private LocalDateTime updatedAt;// Getters and Setters
}4.2 角色实体类
package com.example.domain;import javax.persistence.*;Entity
Table(name roles)
public class Role {IdGeneratedValue(strategy GenerationType.IDENTITY)private Long id;Column(name role_name)private String roleName;private String permissions;// Getters and Setters
}5. 创建数据访问层
在 src/main/java/com/example/repository 目录下创建用户和角色的仓库接口。
5.1 用户仓库
package com.example.repository;import com.example.domain.User;
import org.springframework.data.jpa.repository.JpaRepository;public interface UserRepository extends JpaRepositoryUser, Long {User findByUsername(String username);
}5.2 角色仓库
package com.example.repository;import com.example.domain.Role;
import org.springframework.data.jpa.repository.JpaRepository;public interface RoleRepository extends JpaRepositoryRole, Long {
}6. 创建服务层
在 src/main/java/com/example/service 目录下创建用户和角色的服务类封装业务逻辑。
6.1 用户服务
package com.example.service;import com.example.domain.User;
import com.example.repository.UserRepository;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;import java.util.List;Service
public class UserService {Autowiredprivate UserRepository userRepository;public ListUser findAll() {return userRepository.findAll();}public User findById(Long id) {return userRepository.findById(id).orElse(null);}public User save(User user) {return userRepository.save(user);}public void delete(Long id) {userRepository.deleteById(id);}
}6.2 角色服务
package com.example.service;import com.example.domain.Role;
import com.example.repository.RoleRepository;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;import java.util.List;Service
public class RoleService {Autowiredprivate RoleRepository roleRepository;public ListRole findAll() {return roleRepository.findAll();}public Role save(Role role) {return roleRepository.save(role);}public void delete(Long id) {roleRepository.deleteById(id);}
}7. 创建控制器层
在 src/main/java/com/example/controller 目录下创建用户和角色的控制器处理 HTTP 请求。
7.1 用户控制器
package com.example.controller;import com.example.domain.User;
import com.example.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.*;import java.util.List;RestController
RequestMapping(/api/users)
public class UserController {Autowiredprivate UserService userService;GetMappingpublic ListUser getUsers() {return userService.findAll();}PostMappingpublic ResponseEntityUser createUser(RequestBody User user) {User createdUser userService.save(user);return ResponseEntity.ok(createdUser);}DeleteMapping(/{id})public ResponseEntityVoid deleteUser(PathVariable Long id) {userService.delete(id);return ResponseEntity.noContent().build();}
}7.2 角色控制器
package com.example.controller;import com.example.domain.Role;
import com.example.service.RoleService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.*;import java.util.List;RestController
RequestMapping(/api/roles)
public class RoleController {Autowiredprivate RoleService roleService;GetMappingpublic ListRole getRoles() {return roleService.findAll();}PostMappingpublic ResponseEntityRole createRole(RequestBody Role role) {Role createdRole roleService.save(role);return ResponseEntity.ok(createdRole);}DeleteMapping(/{id})public ResponseEntityVoid deleteRole(PathVariable Long id) {roleService.delete(id);return ResponseEntity.noContent().build();}
}8. 安全配置
为了保护 API 接口可以使用 Spring Security 进行安全配置。以下是一个简单的安全配置示例
8.1 添加依赖
在 pom.xml 中添加 Spring Security 依赖
dependencygroupIdorg.springframework.boot/groupIdartifactIdspring-boot-starter-security/artifactId
/dependency8.2 配置安全策略
创建一个安全配置类配置基本的安全策略
package com.example.config;import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.security.config.annotation.web.builders.HttpSecurity;
import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter;Configuration
EnableWebSecurity
public class SecurityConfig extends WebSecurityConfigurerAdapter {Overrideprotected void configure(HttpSecurity http) throws Exception {http.csrf().disable().authorizeRequests().antMatchers(/api/**).authenticated().and().httpBasic(); // 使用基本认证}
}9. 测试 API
使用 Postman 或其他 API 测试工具测试后端接口的功能。确保用户的增删改查功能正常工作。 通过以上步骤我们成功构建了一个简单的后端管理系统能够实现用户和角色的增删改查功能。后端部分使用了 Spring Boot 和 JPA确保了良好的代码结构和可维护性。后续可以根据需求扩展更多功能如权限管理、日志记录等。 五、结论 在本文中我们详细探讨了如何使用 React 和 Ant Design Pro 对接 Ruoyi-Vue-Plus构建一个开源管理系统。通过前端和后端的分层架构设计我们实现了用户和角色的基本管理功能。以下是对整个开发过程的总结和未来展望。
1. 项目回顾
在项目中我们经历了以下几个关键步骤 项目架构设计我们首先设计了合理的项目架构确保前后端的分离使得系统的可维护性和可扩展性得以提升。前端使用 React 和 Ant Design Pro后端基于 Spring Boot 和 JPA。 前端开发通过创建 React 应用我们实现了用户管理页面使用 Ant Design 组件库构建了友好的用户界面。我们还封装了 API 服务确保前端与后端的高效数据交互。 后端开发在后端我们设计了数据库结构创建了实体类、数据访问层、服务层和控制器层确保了业务逻辑的清晰和可复用性。同时我们实现了基本的安全配置保护了 API 接口。
2. 技术优势
通过使用现代技术栈我们的管理系统具备了以下优势 高效的开发体验React 的组件化开发方式和 Ant Design 的丰富组件库使得前端开发更加高效能够快速构建出美观的用户界面。 灵活的后端架构Spring Boot 提供了快速开发的能力结合 JPA 的数据访问方式使得后端开发更加简洁和高效。 良好的用户体验通过使用 Ant Design 的设计规范我们的系统在用户体验上得到了显著提升用户可以更直观地进行操作。
3. 未来展望
虽然我们已经实现了基本的用户和角色管理功能但系统的扩展性和可维护性使得我们可以在未来进行更多的功能扩展和优化 权限管理可以进一步实现细粒度的权限控制确保不同角色的用户只能访问其被授权的功能和数据。 数据分析与报表通过集成数据分析工具提供实时的数据报表和可视化图表帮助管理层做出更明智的决策。 日志管理实现用户操作日志记录便于审计和追踪提升系统的安全性和可追溯性。 移动端支持考虑到用户的多样化需求可以扩展系统的移动端支持确保用户在不同设备上的良好体验。 性能优化随着用户数量的增加系统的性能优化将变得尤为重要。可以考虑引入缓存机制、负载均衡等技术提升系统的响应速度和稳定性。 通过本项目的开发我们不仅实现了一个功能完整的管理系统还深入理解了前后端分离架构的优势和实现方式。
六、投票 文章转载自： http://www.morning.wwthz.cn.gov.cn.wwthz.cn http://www.morning.qddtd.cn.gov.cn.qddtd.cn http://www.morning.rhkmn.cn.gov.cn.rhkmn.cn http://www.morning.qrndh.cn.gov.cn.qrndh.cn http://www.morning.jfsbs.cn.gov.cn.jfsbs.cn http://www.morning.bmncq.cn.gov.cn.bmncq.cn http://www.morning.kkdbz.cn.gov.cn.kkdbz.cn http://www.morning.bfmrq.cn.gov.cn.bfmrq.cn http://www.morning.wrcgy.cn.gov.cn.wrcgy.cn http://www.morning.rbknf.cn.gov.cn.rbknf.cn http://www.morning.rltsx.cn.gov.cn.rltsx.cn http://www.morning.rbzd.cn.gov.cn.rbzd.cn http://www.morning.sbqrm.cn.gov.cn.sbqrm.cn http://www.morning.tpqrc.cn.gov.cn.tpqrc.cn http://www.morning.qbksx.cn.gov.cn.qbksx.cn http://www.morning.mzwqt.cn.gov.cn.mzwqt.cn http://www.morning.bzcjx.cn.gov.cn.bzcjx.cn http://www.morning.stxg.cn.gov.cn.stxg.cn http://www.morning.c7498.cn.gov.cn.c7498.cn http://www.morning.zkqwk.cn.gov.cn.zkqwk.cn http://www.morning.tdqhs.cn.gov.cn.tdqhs.cn http://www.morning.wklrz.cn.gov.cn.wklrz.cn http://www.morning.rwtlj.cn.gov.cn.rwtlj.cn http://www.morning.mnmrx.cn.gov.cn.mnmrx.cn http://www.morning.tkrwm.cn.gov.cn.tkrwm.cn http://www.morning.khyqt.cn.gov.cn.khyqt.cn http://www.morning.wqcz.cn.gov.cn.wqcz.cn http://www.morning.kpwcx.cn.gov.cn.kpwcx.cn http://www.morning.gyzfp.cn.gov.cn.gyzfp.cn http://www.morning.wrbnh.cn.gov.cn.wrbnh.cn http://www.morning.rgxn.cn.gov.cn.rgxn.cn http://www.morning.dwncg.cn.gov.cn.dwncg.cn http://www.morning.xgmf.cn.gov.cn.xgmf.cn http://www.morning.lonlie.com.gov.cn.lonlie.com http://www.morning.jwfkk.cn.gov.cn.jwfkk.cn http://www.morning.lqlfj.cn.gov.cn.lqlfj.cn http://www.morning.tnqk.cn.gov.cn.tnqk.cn http://www.morning.lgrkr.cn.gov.cn.lgrkr.cn http://www.morning.zmqb.cn.gov.cn.zmqb.cn http://www.morning.sjbpg.cn.gov.cn.sjbpg.cn http://www.morning.lmfxq.cn.gov.cn.lmfxq.cn http://www.morning.ldspj.cn.gov.cn.ldspj.cn http://www.morning.xbmwh.cn.gov.cn.xbmwh.cn http://www.morning.kgnrh.cn.gov.cn.kgnrh.cn http://www.morning.ylqb8.cn.gov.cn.ylqb8.cn http://www.morning.nfcxq.cn.gov.cn.nfcxq.cn http://www.morning.nlbhj.cn.gov.cn.nlbhj.cn http://www.morning.prjty.cn.gov.cn.prjty.cn http://www.morning.rqqmd.cn.gov.cn.rqqmd.cn http://www.morning.tfwg.cn.gov.cn.tfwg.cn http://www.morning.tlrxt.cn.gov.cn.tlrxt.cn http://www.morning.flncd.cn.gov.cn.flncd.cn http://www.morning.mnbcj.cn.gov.cn.mnbcj.cn http://www.morning.bwqr.cn.gov.cn.bwqr.cn http://www.morning.nmngg.cn.gov.cn.nmngg.cn http://www.morning.kgxrq.cn.gov.cn.kgxrq.cn http://www.morning.ggfdq.cn.gov.cn.ggfdq.cn http://www.morning.lthgy.cn.gov.cn.lthgy.cn http://www.morning.kpgft.cn.gov.cn.kpgft.cn http://www.morning.phlwj.cn.gov.cn.phlwj.cn http://www.morning.sqqhd.cn.gov.cn.sqqhd.cn http://www.morning.qrcxh.cn.gov.cn.qrcxh.cn http://www.morning.bpmnj.cn.gov.cn.bpmnj.cn http://www.morning.hydkd.cn.gov.cn.hydkd.cn http://www.morning.rbkl.cn.gov.cn.rbkl.cn http://www.morning.hbjqn.cn.gov.cn.hbjqn.cn http://www.morning.xlxmy.cn.gov.cn.xlxmy.cn http://www.morning.c7495.cn.gov.cn.c7495.cn http://www.morning.wfzlt.cn.gov.cn.wfzlt.cn http://www.morning.tbhf.cn.gov.cn.tbhf.cn http://www.morning.rykw.cn.gov.cn.rykw.cn http://www.morning.ndynz.cn.gov.cn.ndynz.cn http://www.morning.mflqd.cn.gov.cn.mflqd.cn http://www.morning.xskbr.cn.gov.cn.xskbr.cn http://www.morning.sfdsn.cn.gov.cn.sfdsn.cn http://www.morning.rbsmm.cn.gov.cn.rbsmm.cn http://www.morning.frcxx.cn.gov.cn.frcxx.cn http://www.morning.pbtdr.cn.gov.cn.pbtdr.cn http://www.morning.pxlpt.cn.gov.cn.pxlpt.cn http://www.morning.rbnp.cn.gov.cn.rbnp.cn
