单词书管理后台两个Tab
单词书的管理页面
管理员的管理页面
系统管理员的登陆注册功能
如果系统管理员数据库没有数据,进行初始化系统管理员注册,否则默认管理员的登陆操作
管理员注册逻辑仅显示一个
存在其他管理员进入也只能通过系统管理员增加授权的方式进入
整体UI开发
基于nextjs框架: https://nextjs.org
1. 创建项目文件夹
C:\Users\dell\Documents\codex_projects
2. 在项目文件夹路径下打开终端,在当前目录创建项目运行命令:npx create-next-app@latest admin-nextjs
admin-nextjs 对应项目名字
默认配置(一路回车)
3. cursor打开admin-nextjs:cursor admin-nextjs/
4. cursor打开终端初始化简单nextjs项目123npm install -g pnpmpnpm installpnpm dev
5. 进入codex
初次进入进行授权允许在该文件夹工作
/approvals 设为full access
模型 ...
初次使用codex修改样式蛋疼的地方
修改主页采用一行两栏的设计,要求自定义hexo主题修改,我反复修改提示词丢给codex,反复3~5次,最后求助chatgpt提供的代码依旧无法解决
修改背景时,导致博客浅色模式显示灰色,背景图片素材是羊皮纸淡黄色,AI到底做了什么。。。
不过使用深色模式勉强够看
使用AI的体会
学过html css js的课,但后面js的课旷了,本想通过AI做一个好看的博客,做一些学习过程中的内容,如算法等。接触的东西太少,但发现确实很少,计算机专业完全不是想的那样,擅长的东西完全是冰山一角,使用AI后发现好多不会不懂的东西,需要有很强的持续学习动力和能力去跟上变化。。。
.video-container {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 * 100%) */
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-container {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 * 100%) */
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
...

