[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-public-ieYnhvrN":3,"public-project-articles-ieYnhvrN":17},{"id":4,"uuid":5,"project_id":6,"title":7,"content":8,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},281,"ieYnhvrN",45,"03. 开发系统公告管理功能","这是一个**非常纯粹的增删改查模块**，非常适合小白学习，可以学会基础的SpringBoot+Vue模块的CRUD流程\n\n## 开发流程\n\n1. 创建数据库表\n2. 在Springboot工程里创建实体类\n3. 在Springboot工程里创建Controller相关接口\n4. 在Springboot工程里创建Service业务代码层\n5. 在Springboot工程里创建Mapper相关的数据库操作接口，通过Mybatis框架帮我们操作数据库（增、删、改、查）\n6. 在Vue工程里创建页面（包含数据表格、查询、新增、编辑、删除等操作按钮）\n7. 在Vue工程里配置页面的路由（通过地址栏直接访问页面） \u002Fnotice\n8. 在Vue工程里的Manager.vue里面配置相关的左侧菜单\n\n给工程改个名字\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1719978101329-8c7f6ee5-b17a-4d5e-8132-46ff39b87701.png#averageHue=%23282b30&clientId=u6ea9183e-ba34-4&from=paste&height=400&id=u89b02460&originHeight=500&originWidth=1149&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=82198&status=done&style=none&taskId=u1ae64090-9a49-4797-8932-ded2f343ec5&title=&width=919.2)\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1719978195698-27901764-7cc4-4d90-ac0f-80e148b85d50.png#averageHue=%23fbf8f7&clientId=u6ea9183e-ba34-4&from=paste&height=250&id=uc1a1ba3f&originHeight=312&originWidth=1024&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=30951&status=done&style=none&taskId=uf89c8af7-95eb-48c9-b5ce-71be999a0a8&title=&width=819.2)\n然后在 idea里面重新打开这个文件夹即可\n[http:\u002F\u002F127.0.0.1:5173\u002Flogin](http:\u002F\u002F127.0.0.1:5173\u002Flogin)\n\n## 创建数据库表 notice\n\n主键统一使用 id，然后设置主键（金钥匙的图标）设置自动递增\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1719978280130-a197e84e-b813-40ae-b7a7-dfae6ae68b7e.png#averageHue=%23fcfbfb&clientId=u6ea9183e-ba34-4&from=paste&height=557&id=u914b26b0&originHeight=696&originWidth=1224&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=22424&status=done&style=none&taskId=ue133610f-1e2d-4a7c-8106-7061ff7ee19&title=&width=979.2)\n\n```sql\nCREATE TABLE `notice` (\n  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT 'ID',\n  `title` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '标题',\n  `content` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '内容',\n  `time` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '发布时间',\n  PRIMARY KEY (`id`)\n) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci COMMENT='系统公告';\n```\n\n如果没创建此数据库表，你可以通过查询的方式创建数据库表\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1719978401882-999fc019-3d4c-4a8d-a958-29731550676d.png#averageHue=%23f7f6f5&clientId=u6ea9183e-ba34-4&from=paste&height=423&id=ud850ff90&originHeight=529&originWidth=1147&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=60943&status=done&style=none&taskId=uf87e2f1c-71a9-45be-8d86-2a4dea3c4fb&title=&width=917.6)\n\n## 开发后端接口\n\n复制AdminController，再替换Controller内的 admin为notice 即可\n\n## ![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1719978609375-4e1ab5c2-aa83-49b8-ba08-6ebd64eb62c8.png#averageHue=%23212226&clientId=u6ea9183e-ba34-4&from=paste&height=434&id=u823af6ee&originHeight=542&originWidth=820&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=66480&status=done&style=none&taskId=uc36092a2-b161-44f8-8d9d-0c114695505&title=&width=656)\n\n安装 MybatisX插件\n\n注意 新增和更新的sql语句别写错了\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1719979064253-0b93a3ec-3a5b-433e-ac4b-d2491c5d80fe.png#averageHue=%23252b2f&clientId=u6ea9183e-ba34-4&from=paste&height=593&id=ub8f3eb0e&originHeight=741&originWidth=1404&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=150339&status=done&style=none&taskId=u6ae6e2d7-7abd-4a0b-aeb5-4a1cd0704f2&title=&width=1123.2)\n\n写完后重启验证下代码有没有问题，如果一切就绪，那么就OK了\n\n## 开发页面\n\n注意表格部分\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1719979483149-d3429ee2-257d-4f84-b7cd-5027a1d56f52.png#averageHue=%231e2024&clientId=u6ea9183e-ba34-4&from=paste&height=270&id=ua4894933&originHeight=337&originWidth=1064&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=73695&status=done&style=none&taskId=u8c2dda22-a0d2-4669-8173-d78bfc5343d&title=&width=851.2)\n注意表单的部分\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1719979508200-ba234c2f-0540-454e-ad2f-5d6eb17ebed4.png#averageHue=%231e2023&clientId=u6ea9183e-ba34-4&from=paste&height=419&id=u270fcd18&originHeight=524&originWidth=1244&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=97084&status=done&style=none&taskId=ued5ee183-d2ff-4edb-9c0c-52758c100dd&title=&width=995.2)\n注意后端的请求路径，替换  admin变成  notice\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1719979534007-27d04fc6-6f70-4f41-8c9d-ccd51ccc5a11.png#averageHue=%231f2024&clientId=u6ea9183e-ba34-4&from=paste&height=343&id=u99b9155e&originHeight=429&originWidth=687&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=37700&status=done&style=none&taskId=uacb2ec89-6a84-4bf0-b642-035390ffba9&title=&width=549.6)\n\n## 重点\n\n养成独立的编程思维，自己可以独立开发增删改查模块，这样才算学会这节课\n把基础的知识学到**烂熟于心**，再去学习新的东西，事半功倍！","coding",1,4802,597,"2024-07-03 12:27:42","2026-05-03 22:49:02","SpringBoot3+Vue3的农产品销售系统","agricultural-products-sales",{"project":18,"items":19},{"id":6,"title":15,"slug":16},[20,27,34,35,42,49,56,63,70,77,84],{"id":21,"uuid":22,"project_id":6,"title":23,"type":9,"status":10,"public_enabled":10,"views":24,"sort":25,"created_at":26,"updated_at":14,"project_title":15,"project_slug":16},279,"vTqaWLV8","01. 农产品销售系统介绍",8545,588,"2025-01-09 09:48:08",{"id":28,"uuid":29,"project_id":6,"title":30,"type":9,"status":10,"public_enabled":10,"views":31,"sort":32,"created_at":33,"updated_at":14,"project_title":15,"project_slug":16},280,"JH1OiMOc","02. 导入并运行脚手架",7028,589,"2024-07-29 10:55:27",{"id":4,"uuid":5,"project_id":6,"title":7,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},{"id":36,"uuid":37,"project_id":6,"title":38,"type":9,"status":10,"public_enabled":10,"views":39,"sort":40,"created_at":41,"updated_at":14,"project_title":15,"project_slug":16},282,"NdR2GruB","04. 开发首页公告展示功能",3398,606,"2024-07-05 11:59:23",{"id":43,"uuid":44,"project_id":6,"title":45,"type":9,"status":10,"public_enabled":10,"views":46,"sort":47,"created_at":48,"updated_at":14,"project_title":15,"project_slug":16},283,"XIsedcdn","05. 开发农产品分类管理",2711,607,"2024-07-05 11:59:43",{"id":50,"uuid":51,"project_id":6,"title":52,"type":9,"status":10,"public_enabled":10,"views":53,"sort":54,"created_at":55,"updated_at":14,"project_title":15,"project_slug":16},284,"JSqpofT8","06. 开发农产品管理功能",3102,608,"2024-07-05 12:00:05",{"id":57,"uuid":58,"project_id":6,"title":59,"type":9,"status":10,"public_enabled":10,"views":60,"sort":61,"created_at":62,"updated_at":14,"project_title":15,"project_slug":16},285,"L4Z6x2gY","07. 开发农产品进货管理",2047,609,"2024-07-05 12:00:21",{"id":64,"uuid":65,"project_id":6,"title":66,"type":9,"status":10,"public_enabled":10,"views":67,"sort":68,"created_at":69,"updated_at":14,"project_title":15,"project_slug":16},286,"uO2NaUtZ","08. 开发普通用户管理模块",1719,610,"2024-07-05 12:00:36",{"id":71,"uuid":72,"project_id":6,"title":73,"type":9,"status":10,"public_enabled":10,"views":74,"sort":75,"created_at":76,"updated_at":14,"project_title":15,"project_slug":16},287,"C4o6D1oJ","09. 开发普通用户登录、注册、个人资料、修改密码功能",2298,612,"2024-07-05 17:06:18",{"id":78,"uuid":79,"project_id":6,"title":80,"type":9,"status":10,"public_enabled":10,"views":81,"sort":82,"created_at":83,"updated_at":14,"project_title":15,"project_slug":16},288,"K9Tgh6d7","10. 开发农产品购买页面",2484,613,"2024-07-05 17:06:40",{"id":85,"uuid":86,"project_id":6,"title":87,"type":9,"status":10,"public_enabled":10,"views":88,"sort":89,"created_at":90,"updated_at":14,"project_title":15,"project_slug":16},289,"ABnTvrYX","11. 开发下单、订单管理功能",2335,614,"2024-07-05 17:07:14"]