完成课程页面和重点单词

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/applet/service/impl/AppletApiBooksServiceImpl.java

@@ -20,6 +20,8 @@ import org.jeecg.modules.demo.appletCourse.entity.AppletCourse;
 import org.jeecg.modules.demo.appletCourse.service.IAppletCourseService;
 import org.jeecg.modules.demo.appletCoursePage.entity.AppletCoursePage;
 import org.jeecg.modules.demo.appletCoursePage.service.IAppletCoursePageService;
+import org.jeecg.modules.demo.appletCoursePageWord.entity.AppletCoursePageWord;
+import org.jeecg.modules.demo.appletCoursePageWord.service.IAppletCoursePageWordService;
 import org.jeecg.modules.demo.appletLabel.entity.AppletLabel;
 import org.jeecg.modules.demo.appletLabel.service.IAppletLabelService;
 import org.jeecg.modules.demo.appletVip.service.IAppletVipService;
@@ -49,6 +51,8 @@ public class AppletApiBooksServiceImpl implements AppletApiBooksService {
     private IAppletVipService appletVipService;
     @Autowired
     private IAppletCoursePageService appletCoursePageService;
+    @Autowired
+    private IAppletCoursePageWordService appletCoursePageWordService;
 
     /**
      * 查询书籍列表
@@ -213,7 +217,11 @@ public class AppletApiBooksServiceImpl implements AppletApiBooksService {
 
     @Override
     public List<AppletCategorize> category() {
-        return appletCategorizeService.list();
+        return appletCategorizeService
+                .lambdaQuery()
+                .orderByAsc(AppletCategorize::getSort)
+                .eq(AppletCategorize::getStatus, "Y")
+                .list();
     }
 
     @Override
@@ -255,7 +263,11 @@ public class AppletApiBooksServiceImpl implements AppletApiBooksService {
 
     @Override
     public AppletCoursePage getCoursesPageDetail(String id){
-        return appletCoursePageService.getById(id);
+        AppletCoursePage page = appletCoursePageService.getById(id);
+        page.setWords(appletCoursePageWordService.lambdaQuery()
+                .eq(AppletCoursePageWord::getPageId, id)
+                .list());
+        return page;
     }
 
 }

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/applet/service/impl/AppletApiIndexServiceImpl.java

@@ -5,6 +5,7 @@ import org.jeecg.common.system.util.AppletUserUtil;
 import org.jeecg.modules.applet.service.AppletApiIndexService;
 import org.jeecg.modules.demo.appletBanner.entity.AppletBanner;
 import org.jeecg.modules.demo.appletBanner.service.IAppletBannerService;
+import org.jeecg.modules.demo.appletCoursePage.entity.AppletCoursePage;
 import org.jeecg.modules.demo.appletLink.entity.AppletLink;
 import org.jeecg.modules.demo.appletLink.service.IAppletLinkService;
 import org.jeecg.modules.demo.appletRegistration.entity.AppletRegistration;
@@ -32,7 +33,11 @@ public class AppletApiIndexServiceImpl implements AppletApiIndexService {
      */
     @Override
     public List<AppletBanner> getBanner() {
-        return appletBannerService.list();
+        return appletBannerService
+                .lambdaQuery()
+                .eq(AppletBanner::getStatus, "Y")
+                .orderByAsc(AppletBanner::getSort)
+                .list();
     }
 
     /**

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/applet/service/impl/AppletApiVipServiceImpl.java

@@ -61,12 +61,11 @@ public class AppletApiVipServiceImpl implements AppletApiVipService {
      */
     @Override
     public List<AppletVip> getList(AppletVip appletVip) {
-//        return appletApiVipService.lambdaQuery()
-//                .eq(appletVip.getTitle() != null, AppletVip::getTitle, appletVip.getTitle())
-//                .eq(appletVip.getImg() != null , AppletVip::getImg, appletVip.getImg())
-//                .eq(appletVip.getContent() != null, AppletVip::getContent, appletVip.getContent())
-//                .list();
-        List<AppletVip> list = appletApiVipService.list();
+        List<AppletVip> list = appletApiVipService
+                .lambdaQuery()
+                .orderByAsc(AppletVip::getSort)
+                .eq(AppletVip::getStatus, "Y")
+                .list();
         for (AppletVip vip : list) {
             vip.setSetmeals(appletSetmealService
                     .lambdaQuery()

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletBanner/controller/AppletBannerController.java

@@ -41,7 +41,7 @@ import org.apache.shiro.authz.annotation.RequiresPermissions;
  /**
  * @Description: 轮播图
  * @Author: jeecg-boot
- * @Date:   2025-09-09
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 @Tag(name="轮播图")

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletBanner/entity/AppletBanner.java

@@ -22,7 +22,7 @@ import lombok.experimental.Accessors;
 /**
  * @Description: 轮播图
  * @Author: jeecg-boot
- * @Date:   2025-09-09
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 @Data
@@ -63,6 +63,27 @@ public class AppletBanner implements Serializable {
 	/**类型*/
 	@Excel(name = "类型", width = 15, dicCode = "applett_bnner_type")
 	@Dict(dicCode = "applett_bnner_type")
-    @Schema(description = "类型：0是富文本 1是课程")
+    @Schema(description = "类型")
     private java.lang.String typ;
+	/**排序*/
+	@Excel(name = "排序", width = 15)
+    @Schema(description = "排序")
+    private java.lang.Integer sort;
+	/**书籍*/
+	@Excel(name = "书籍", width = 15, dictTable = "applet_books", dicText = "books_name", dicCode = "id")
+	@Dict(dictTable = "applet_books", dicText = "books_name", dicCode = "id")
+    @Schema(description = "书籍")
+    private java.lang.String bookId;
+	/**视频*/
+	@Excel(name = "视频", width = 15)
+    @Schema(description = "视频")
+    private java.lang.String video;
+	/**启用*/
+    @Excel(name = "启用", width = 15,replace = {"是_Y","否_N"} )
+    @Schema(description = "启用")
+    private java.lang.String status;
+	/**富文本*/
+	@Excel(name = "富文本", width = 15)
+    @Schema(description = "富文本")
+    private java.lang.String content;
 }

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletBanner/mapper/AppletBannerMapper.java

@@ -9,7 +9,7 @@ import com.baomidou.mybatisplus.core.mapper.BaseMapper;
 /**
  * @Description: 轮播图
  * @Author: jeecg-boot
- * @Date:   2025-09-09
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 public interface AppletBannerMapper extends BaseMapper<AppletBanner> {

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletBanner/service/IAppletBannerService.java

@@ -6,7 +6,7 @@ import com.baomidou.mybatisplus.extension.service.IService;
 /**
  * @Description: 轮播图
  * @Author: jeecg-boot
- * @Date:   2025-09-09
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 public interface IAppletBannerService extends IService<AppletBanner> {

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletBanner/service/impl/AppletBannerServiceImpl.java

@@ -10,7 +10,7 @@ import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
 /**
  * @Description: 轮播图
  * @Author: jeecg-boot
- * @Date:   2025-09-09
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 @Service

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletBanner/uniapp/AppletBannerForm.vue

@@ -19,6 +19,36 @@
                   <view class="title"><text space="ensp">类型：</text></view>
                   <input  placeholder="请输入类型" v-model="model.typ"/>
                 </view>
+              </view>
+              <view class="cu-form-group">
+                <view class="flex align-center">
+                  <view class="title"><text space="ensp">排序：</text></view>
+                  <input type="number" placeholder="请输入排序" v-model="model.sort"/>
+                </view>
+              </view>
+              <view class="cu-form-group">
+                <view class="flex align-center">
+                  <view class="title"><text space="ensp">书籍：</text></view>
+                  <input  placeholder="请输入书籍" v-model="model.bookId"/>
+                </view>
+              </view>
+              <view class="cu-form-group">
+                <view class="flex align-center">
+                  <view class="title"><text space="ensp">视频：</text></view>
+                  <input  placeholder="请输入视频" v-model="model.video"/>
+                </view>
+              </view>
+              <view class="cu-form-group">
+                <view class="flex align-center">
+                  <view class="title"><text space="ensp">启用：</text></view>
+                  <input  placeholder="请输入启用" v-model="model.status"/>
+                </view>
+              </view>
+              <view class="cu-form-group">
+                <view class="flex align-center">
+                  <view class="title"><text space="ensp">富文本：</text></view>
+                  <input  placeholder="请输入富文本" v-model="model.content"/>
+                </view>
               </view>
 				<view class="padding">
 					<button class="cu-btn block bg-blue margin-tb-sm lg" @click="onSubmit">

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletBanner/uniapp3/AppletBannerData.ts

@@ -12,4 +12,27 @@ export const columns = [
     align:"center",
     dataIndex: 'typ_dictText'
    },
+   {
+    title: '排序',
+    align:"center",
+    dataIndex: 'sort'
+   },
+   {
+    title: '书籍',
+    align:"center",
+    dataIndex: 'bookId_dictText'
+   },
+   {
+    title: '视频',
+    align:"center",
+    dataIndex: 'video',
+   },
+   {
+    title: '启用',
+    align:"center",
+    dataIndex: 'status',
+    customRender:({text}) => {
+       return render.renderSwitch(text, [{text:'是',value:'Y'},{text:'否',value:'N'}])
+     },
+   },
 ];

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletBanner/uniapp3/AppletBannerForm.vue

@@ -34,6 +34,72 @@ navigationBarTitleText: '轮播图',
                  dict="applett_bnner_type"
                 v-model="myFormData['typ']"
               ></online-select>
+        </view>
+          <view class="{ 'mt-14px': 0 == 0 }">
+               <wd-input
+                   label-width="100px"
+                   v-model="myFormData['sort']"
+                   :label="get4Label('排序')"
+                   name='sort'
+                   prop='sort'
+                   placeholder="请选择排序"
+                   inputMode="numeric"
+                   :rules="[
+                   ]"
+                   clearable
+              />
+        </view>
+          <view class="{ 'mt-14px': 1 == 0 }">
+              <online-select
+                :label="get4Label('书籍')"
+                 labelWidth="100px"
+                 type="sel_search"
+                 name='bookId'
+                 dict="applet_books,books_name,id"
+                v-model="myFormData['bookId']"
+              ></online-select>
+        </view>
+          <view class="{ 'mt-14px': 0 == 0 }">
+             <wd-cell
+                :title="get4Label('视频')"
+                title-width="100px"
+             >
+
+            <online-file-custom
+            v-model:value="myFormData['video']"
+            name='video'
+            ></online-file-custom>
+            </wd-cell>
+        </view>
+          <view class="{ 'mt-14px': 1 == 0 }">
+        <!-- 开关 -->
+              <wd-cell
+                :label="get4Label('启用')"
+                name='status'
+                title-width="100px"
+                center
+              >
+                <wd-switch
+                  :label="get4Label('启用')"
+                  name='status'
+                  size="18px"
+                  v-model="myFormData['status']"
+                  active-value="Y"
+                  inactive-value="N"
+                />
+             </wd-cell>
+        </view>
+          <view class="{ 'mt-14px': 0 == 0 }">
+              <wd-textarea
+                :label="get4Label('富文本')"
+                 labelWidth="100px"
+                 type="umeditor"
+                 name='content'
+                 prop='content'
+                 clearable
+                 :maxlength="300"
+                v-model="myFormData['content']"
+              ></wd-textarea>
         </view>
           </wd-cell-group>
         </wd-form>

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletBanner/vue3/AppletBanner.data.ts

@@ -16,9 +16,41 @@ export const columns: BasicColumn[] = [
     align:"center",
     dataIndex: 'typ_dictText'
    },
+   {
+    title: '排序',
+    align:"center",
+    dataIndex: 'sort'
+   },
+   {
+    title: '书籍',
+    align:"center",
+    dataIndex: 'bookId_dictText'
+   },
+   {
+    title: '视频',
+    align:"center",
+    dataIndex: 'video',
+   },
+   {
+    title: '启用',
+    align:"center",
+    dataIndex: 'status',
+    customRender:({text}) => {
+       return  render.renderSwitch(text, [{text:'是',value:'Y'},{text:'否',value:'N'}])
+     },
+   },
 ];
 //查询数据
 export const searchFormSchema: FormSchema[] = [
+	{
+      label: "书籍",
+      field: 'bookId',
+      component: 'JSearchSelect',
+      componentProps:{
+         dict:"applet_books,books_name,id"
+      },
+      //colProps: {span: 6},
+ 	},
 ];
 //表单数据
 export const formSchema: FormSchema[] = [
@@ -37,6 +69,38 @@ export const formSchema: FormSchema[] = [
     componentProps:{
         dictCode:"applett_bnner_type"
      },
+  },
+  {
+    label: '排序',
+    field: 'sort',
+    component: 'InputNumber',
+  },
+  {
+    label: '书籍',
+    field: 'bookId',
+    component: 'JSearchSelect',
+    componentProps:{
+       dict:"applet_books,books_name,id"
+    },
+  },
+  {
+    label: '视频',
+    field: 'video',
+    component: 'JUpload',
+    componentProps:{
+     },
+  },
+  {
+    label: '启用',
+    field: 'status',
+     component: 'JSwitch',
+     componentProps:{
+     },
+  },
+  {
+    label: '富文本',
+    field: 'content',
+    component: 'JEditor',
   },
 	// TODO 主键隐藏字段，目前写死为ID
 	{
@@ -51,6 +115,10 @@ export const formSchema: FormSchema[] = [
 export const superQuerySchema = {
   img: {title: '轮播图',order: 0,view: 'image', type: 'string',},
   typ: {title: '类型',order: 1,view: 'list', type: 'string',dictCode: 'applett_bnner_type',},
+  sort: {title: '排序',order: 2,view: 'number', type: 'number',},
+  bookId: {title: '书籍',order: 3,view: 'sel_search', type: 'string',dictTable: "applet_books", dictCode: 'id', dictText: 'books_name',},
+  video: {title: '视频',order: 4,view: 'file', type: 'string',},
+  status: {title: '启用',order: 5,view: 'switch', type: 'string',},
 };
 
 /**

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletBanner/vue3/AppletBannerList.vue

@@ -30,6 +30,15 @@
       </template>
       <!--字段回显插槽-->
       <template v-slot:bodyCell="{ column, record, index, text }">
+        <template v-if="column.dataIndex==='video'">
+          <!--文件字段回显插槽-->
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+          <a-button v-else :ghost="true" type="primary" preIcon="ant-design:download-outlined" size="small" @click="downloadFile(text)">下载</a-button>
+        </template>
+        <template v-if="column.dataIndex==='content'">
+          <!--富文本件字段回显插槽-->
+          <div v-html="text"></div>
+        </template>
       </template>
     </BasicTable>
     <!-- 表单区域 -->

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletBanner/vue3/V20250919_1__menu_insert_AppletBanner.sql

@@ -0,0 +1,26 @@
+-- 注意：该页面对应的前台目录为views/appletBanner文件夹下
+-- 如果你想更改到其他目录，请修改sql中component字段对应的值
+
+
+INSERT INTO sys_permission(id, parent_id, name, url, component, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_route, is_leaf, keep_alive, hidden, hide_tab, description, status, del_flag, rule_flag, create_by, create_time, update_by, update_time, internal_or_external) 
+VALUES ('2025091909475580560', NULL, '轮播图', '/appletBanner/appletBannerList', 'appletBanner/AppletBannerList', NULL, NULL, 0, NULL, '1', 0.00, 0, NULL, 1, 0, 0, 0, 0, NULL, '1', 0, 0, 'admin', '2025-09-19 09:47:56', NULL, NULL, 0);
+
+-- 权限控制sql
+-- 新增
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909475580561', '2025091909475580560', '添加轮播图', NULL, NULL, 0, NULL, NULL, 2, 'appletBanner:applet_banner:add', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:47:56', NULL, NULL, 0, 0, '1', 0);
+-- 编辑
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909475580562', '2025091909475580560', '编辑轮播图', NULL, NULL, 0, NULL, NULL, 2, 'appletBanner:applet_banner:edit', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:47:56', NULL, NULL, 0, 0, '1', 0);
+-- 删除
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909475580563', '2025091909475580560', '删除轮播图', NULL, NULL, 0, NULL, NULL, 2, 'appletBanner:applet_banner:delete', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:47:56', NULL, NULL, 0, 0, '1', 0);
+-- 批量删除
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909475580564', '2025091909475580560', '批量删除轮播图', NULL, NULL, 0, NULL, NULL, 2, 'appletBanner:applet_banner:deleteBatch', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:47:56', NULL, NULL, 0, 0, '1', 0);
+-- 导出excel
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909475580565', '2025091909475580560', '导出excel_轮播图', NULL, NULL, 0, NULL, NULL, 2, 'appletBanner:applet_banner:exportXls', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:47:56', NULL, NULL, 0, 0, '1', 0);
+-- 导入excel
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909475580566', '2025091909475580560', '导入excel_轮播图', NULL, NULL, 0, NULL, NULL, 2, 'appletBanner:applet_banner:importExcel', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:47:56', NULL, NULL, 0, 0, '1', 0);

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCategorize/controller/AppletCategorizeController.java

@@ -41,7 +41,7 @@ import org.apache.shiro.authz.annotation.RequiresPermissions;
  /**
  * @Description: 分类表
  * @Author: jeecg-boot
- * @Date:   2025-09-09
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 @Tag(name="分类表")
@@ -68,6 +68,8 @@ public class AppletCategorizeController extends JeecgController<AppletCategorize
 								   @RequestParam(name="pageNo", defaultValue="1") Integer pageNo,
 								   @RequestParam(name="pageSize", defaultValue="10") Integer pageSize,
 								   HttpServletRequest req) {
+
+
         QueryWrapper<AppletCategorize> queryWrapper = QueryGenerator.initQueryWrapper(appletCategorize, req.getParameterMap());
 		Page<AppletCategorize> page = new Page<AppletCategorize>(pageNo, pageSize);
 		IPage<AppletCategorize> pageList = appletCategorizeService.page(page, queryWrapper);
@@ -86,6 +88,7 @@ public class AppletCategorizeController extends JeecgController<AppletCategorize
 	@PostMapping(value = "/add")
 	public Result<String> add(@RequestBody AppletCategorize appletCategorize) {
 		appletCategorizeService.save(appletCategorize);
+
 		return Result.OK("添加成功！");
 	}
 	

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCategorize/entity/AppletCategorize.java

@@ -22,7 +22,7 @@ import lombok.experimental.Accessors;
 /**
  * @Description: 分类表
  * @Author: jeecg-boot
- * @Date:   2025-09-09
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 @Data
@@ -60,4 +60,12 @@ public class AppletCategorize implements Serializable {
 	@Excel(name = "标题", width = 15)
     @Schema(description = "标题")
     private java.lang.String title;
+	/**排序*/
+	@Excel(name = "排序", width = 15)
+    @Schema(description = "排序")
+    private java.lang.Integer sort;
+	/**启用*/
+    @Excel(name = "启用", width = 15,replace = {"是_Y","否_N"} )
+    @Schema(description = "启用")
+    private java.lang.String status;
 }

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCategorize/mapper/AppletCategorizeMapper.java

@@ -9,7 +9,7 @@ import com.baomidou.mybatisplus.core.mapper.BaseMapper;
 /**
  * @Description: 分类表
  * @Author: jeecg-boot
- * @Date:   2025-09-09
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 public interface AppletCategorizeMapper extends BaseMapper<AppletCategorize> {

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCategorize/service/IAppletCategorizeService.java

@@ -6,7 +6,7 @@ import com.baomidou.mybatisplus.extension.service.IService;
 /**
  * @Description: 分类表
  * @Author: jeecg-boot
- * @Date:   2025-09-09
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 public interface IAppletCategorizeService extends IService<AppletCategorize> {

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCategorize/service/impl/AppletCategorizeServiceImpl.java

@@ -10,7 +10,7 @@ import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
 /**
  * @Description: 分类表
  * @Author: jeecg-boot
- * @Date:   2025-09-09
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 @Service

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCategorize/uniapp/AppletCategorizeForm.vue

@@ -13,6 +13,18 @@
                   <view class="title"><text space="ensp">标题：</text></view>
                   <input  placeholder="请输入标题" v-model="model.title"/>
                 </view>
+              </view>
+              <view class="cu-form-group">
+                <view class="flex align-center">
+                  <view class="title"><text space="ensp">排序：</text></view>
+                  <input type="number" placeholder="请输入排序" v-model="model.sort"/>
+                </view>
+              </view>
+              <view class="cu-form-group">
+                <view class="flex align-center">
+                  <view class="title"><text space="ensp">启用：</text></view>
+                  <input  placeholder="请输入启用" v-model="model.status"/>
+                </view>
               </view>
 				<view class="padding">
 					<button class="cu-btn block bg-blue margin-tb-sm lg" @click="onSubmit">

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCategorize/uniapp3/AppletCategorizeData.ts

@@ -6,4 +6,18 @@ export const columns = [
     align:"center",
     dataIndex: 'title'
    },
+   {
+    title: '排序',
+    align:"center",
+    sorter: true,
+    dataIndex: 'sort'
+   },
+   {
+    title: '启用',
+    align:"center",
+    dataIndex: 'status',
+    customRender:({text}) => {
+       return render.renderSwitch(text, [{text:'是',value:'Y'},{text:'否',value:'N'}])
+     },
+   },
 ];

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCategorize/uniapp3/AppletCategorizeForm.vue

@@ -25,6 +25,38 @@ navigationBarTitleText: '分类表',
                   ]"
                   clearable
               />
+        </view>
+          <view class="{ 'mt-14px': 1 == 0 }">
+               <wd-input
+                   label-width="100px"
+                   v-model="myFormData['sort']"
+                   :label="get4Label('排序')"
+                   name='sort'
+                   prop='sort'
+                   placeholder="请选择排序"
+                   inputMode="numeric"
+                   :rules="[
+                   ]"
+                   clearable
+              />
+        </view>
+          <view class="{ 'mt-14px': 0 == 0 }">
+        <!-- 开关 -->
+              <wd-cell
+                :label="get4Label('启用')"
+                name='status'
+                title-width="100px"
+                center
+              >
+                <wd-switch
+                  :label="get4Label('启用')"
+                  name='status'
+                  size="18px"
+                  v-model="myFormData['status']"
+                  active-value="Y"
+                  inactive-value="N"
+                />
+             </wd-cell>
         </view>
           </wd-cell-group>
         </wd-form>

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCategorize/vue3/AppletCategorize.data.ts

@@ -10,6 +10,20 @@ export const columns: BasicColumn[] = [
     align:"center",
     dataIndex: 'title'
    },
+   {
+    title: '排序',
+    align:"center",
+    sorter: true,
+    dataIndex: 'sort'
+   },
+   {
+    title: '启用',
+    align:"center",
+    dataIndex: 'status',
+    customRender:({text}) => {
+       return  render.renderSwitch(text, [{text:'是',value:'Y'},{text:'否',value:'N'}])
+     },
+   },
 ];
 //查询数据
 export const searchFormSchema: FormSchema[] = [
@@ -20,6 +34,18 @@ export const formSchema: FormSchema[] = [
     label: '标题',
     field: 'title',
     component: 'Input',
+  },
+  {
+    label: '排序',
+    field: 'sort',
+    component: 'InputNumber',
+  },
+  {
+    label: '启用',
+    field: 'status',
+     component: 'JSwitch',
+     componentProps:{
+     },
   },
 	// TODO 主键隐藏字段，目前写死为ID
 	{
@@ -33,6 +59,8 @@ export const formSchema: FormSchema[] = [
 // 高级查询数据
 export const superQuerySchema = {
   title: {title: '标题',order: 0,view: 'text', type: 'string',},
+  sort: {title: '排序',order: 1,view: 'number', type: 'number',},
+  status: {title: '启用',order: 2,view: 'switch', type: 'string',},
 };
 
 /**

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCategorize/vue3/V20250919_1__menu_insert_AppletCategorize.sql

@@ -0,0 +1,26 @@
+-- 注意：该页面对应的前台目录为views/appletCategorize文件夹下
+-- 如果你想更改到其他目录，请修改sql中component字段对应的值
+
+
+INSERT INTO sys_permission(id, parent_id, name, url, component, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_route, is_leaf, keep_alive, hidden, hide_tab, description, status, del_flag, rule_flag, create_by, create_time, update_by, update_time, internal_or_external) 
+VALUES ('2025091909352740520', NULL, '分类表', '/appletCategorize/appletCategorizeList', 'appletCategorize/AppletCategorizeList', NULL, NULL, 0, NULL, '1', 0.00, 0, NULL, 1, 0, 0, 0, 0, NULL, '1', 0, 0, 'admin', '2025-09-19 09:35:52', NULL, NULL, 0);
+
+-- 权限控制sql
+-- 新增
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909352740521', '2025091909352740520', '添加分类表', NULL, NULL, 0, NULL, NULL, 2, 'appletCategorize:applet_categorize:add', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:35:52', NULL, NULL, 0, 0, '1', 0);
+-- 编辑
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909352740522', '2025091909352740520', '编辑分类表', NULL, NULL, 0, NULL, NULL, 2, 'appletCategorize:applet_categorize:edit', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:35:52', NULL, NULL, 0, 0, '1', 0);
+-- 删除
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909352740523', '2025091909352740520', '删除分类表', NULL, NULL, 0, NULL, NULL, 2, 'appletCategorize:applet_categorize:delete', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:35:52', NULL, NULL, 0, 0, '1', 0);
+-- 批量删除
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909352740524', '2025091909352740520', '批量删除分类表', NULL, NULL, 0, NULL, NULL, 2, 'appletCategorize:applet_categorize:deleteBatch', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:35:52', NULL, NULL, 0, 0, '1', 0);
+-- 导出excel
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909352740525', '2025091909352740520', '导出excel_分类表', NULL, NULL, 0, NULL, NULL, 2, 'appletCategorize:applet_categorize:exportXls', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:35:52', NULL, NULL, 0, 0, '1', 0);
+-- 导入excel
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909352740526', '2025091909352740520', '导入excel_分类表', NULL, NULL, 0, NULL, NULL, 2, 'appletCategorize:applet_categorize:importExcel', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:35:52', NULL, NULL, 0, 0, '1', 0);

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePage/controller/AppletCoursePageController.java

@@ -74,6 +74,16 @@ public class AppletCoursePageController extends JeecgController<AppletCoursePage
 		Page<AppletCoursePage> page = new Page<AppletCoursePage>(pageNo, pageSize);
 
 		queryWrapper.lambda()
+				.select(
+						AppletCoursePage::getId,
+						AppletCoursePage::getCourseId,
+						AppletCoursePage::getStatus,
+						AppletCoursePage::getSort,
+						AppletCoursePage::getTitle,
+						AppletCoursePage::getCreateTime,
+						AppletCoursePage::getPay,
+						AppletCoursePage::getType
+				)
 				.orderByAsc(AppletCoursePage::getSort);
 
 		IPage<AppletCoursePage> pageList = appletCoursePageService.page(page, queryWrapper);

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePage/entity/AppletCoursePage.java

@@ -4,14 +4,14 @@ import java.io.Serializable;
 import java.io.UnsupportedEncodingException;
 import java.util.Date;
 import java.math.BigDecimal;
-import com.baomidou.mybatisplus.annotation.IdType;
-import com.baomidou.mybatisplus.annotation.TableId;
-import com.baomidou.mybatisplus.annotation.TableName;
-import com.baomidou.mybatisplus.annotation.TableLogic;
+import java.util.List;
+
+import com.baomidou.mybatisplus.annotation.*;
 import org.jeecg.common.constant.ProvinceCityArea;
 import org.jeecg.common.util.SpringContextUtils;
 import lombok.Data;
 import com.fasterxml.jackson.annotation.JsonFormat;
+import org.jeecg.modules.demo.appletCoursePageWord.entity.AppletCoursePageWord;
 import org.springframework.format.annotation.DateTimeFormat;
 import org.jeecgframework.poi.excel.annotation.Excel;
 import org.jeecg.common.aspect.annotation.Dict;
@@ -85,4 +85,7 @@ public class AppletCoursePage implements Serializable {
     @Excel(name = "上架", width = 15,replace = {"是_Y","否_N"} )
     @Schema(description = "上架")
     private java.lang.String status;
+
+    @TableField(exist = false)
+    private List<AppletCoursePageWord> words;
 }

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/controller/AppletCoursePageWordController.java

@@ -0,0 +1,182 @@
+package org.jeecg.modules.demo.appletCoursePageWord.controller;
+
+import java.util.Arrays;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+import java.io.IOException;
+import java.io.UnsupportedEncodingException;
+import java.net.URLDecoder;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import org.jeecg.common.api.vo.Result;
+import org.jeecg.common.system.query.QueryGenerator;
+import org.jeecg.common.system.query.QueryRuleEnum;
+import org.jeecg.common.util.oConvertUtils;
+import org.jeecg.modules.demo.appletCoursePageWord.entity.AppletCoursePageWord;
+import org.jeecg.modules.demo.appletCoursePageWord.service.IAppletCoursePageWordService;
+
+import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
+import com.baomidou.mybatisplus.core.metadata.IPage;
+import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
+import lombok.extern.slf4j.Slf4j;
+
+import org.jeecgframework.poi.excel.ExcelImportUtil;
+import org.jeecgframework.poi.excel.def.NormalExcelConstants;
+import org.jeecgframework.poi.excel.entity.ExportParams;
+import org.jeecgframework.poi.excel.entity.ImportParams;
+import org.jeecgframework.poi.excel.view.JeecgEntityExcelView;
+import org.jeecg.common.system.base.controller.JeecgController;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.*;
+import org.springframework.web.multipart.MultipartFile;
+import org.springframework.web.multipart.MultipartHttpServletRequest;
+import org.springframework.web.servlet.ModelAndView;
+import com.alibaba.fastjson.JSON;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import io.swagger.v3.oas.annotations.Operation;
+import org.jeecg.common.aspect.annotation.AutoLog;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+ /**
+ * @Description: 分页重点单词
+ * @Author: jeecg-boot
+ * @Date:   2025-09-19
+ * @Version: V1.0
+ */
+@Tag(name="分页重点单词")
+@RestController
+@RequestMapping("/appletCoursePageWord/appletCoursePageWord")
+@Slf4j
+public class AppletCoursePageWordController extends JeecgController<AppletCoursePageWord, IAppletCoursePageWordService> {
+	@Autowired
+	private IAppletCoursePageWordService appletCoursePageWordService;
+	
+	/**
+	 * 分页列表查询
+	 *
+	 * @param appletCoursePageWord
+	 * @param pageNo
+	 * @param pageSize
+	 * @param req
+	 * @return
+	 */
+	//@AutoLog(value = "分页重点单词-分页列表查询")
+	@Operation(summary="分页重点单词-分页列表查询")
+	@GetMapping(value = "/list")
+	public Result<IPage<AppletCoursePageWord>> queryPageList(AppletCoursePageWord appletCoursePageWord,
+								   @RequestParam(name="pageNo", defaultValue="1") Integer pageNo,
+								   @RequestParam(name="pageSize", defaultValue="10") Integer pageSize,
+								   HttpServletRequest req) {
+
+
+        QueryWrapper<AppletCoursePageWord> queryWrapper = QueryGenerator.initQueryWrapper(appletCoursePageWord, req.getParameterMap());
+		Page<AppletCoursePageWord> page = new Page<AppletCoursePageWord>(pageNo, pageSize);
+		IPage<AppletCoursePageWord> pageList = appletCoursePageWordService.page(page, queryWrapper);
+		return Result.OK(pageList);
+	}
+	
+	/**
+	 *   添加
+	 *
+	 * @param appletCoursePageWord
+	 * @return
+	 */
+	@AutoLog(value = "分页重点单词-添加")
+	@Operation(summary="分页重点单词-添加")
+	@RequiresPermissions("appletCoursePageWord:applet_course_page_word:add")
+	@PostMapping(value = "/add")
+	public Result<String> add(@RequestBody AppletCoursePageWord appletCoursePageWord) {
+		appletCoursePageWordService.save(appletCoursePageWord);
+
+		return Result.OK("添加成功！");
+	}
+	
+	/**
+	 *  编辑
+	 *
+	 * @param appletCoursePageWord
+	 * @return
+	 */
+	@AutoLog(value = "分页重点单词-编辑")
+	@Operation(summary="分页重点单词-编辑")
+	@RequiresPermissions("appletCoursePageWord:applet_course_page_word:edit")
+	@RequestMapping(value = "/edit", method = {RequestMethod.PUT,RequestMethod.POST})
+	public Result<String> edit(@RequestBody AppletCoursePageWord appletCoursePageWord) {
+		appletCoursePageWordService.updateById(appletCoursePageWord);
+		return Result.OK("编辑成功!");
+	}
+	
+	/**
+	 *   通过id删除
+	 *
+	 * @param id
+	 * @return
+	 */
+	@AutoLog(value = "分页重点单词-通过id删除")
+	@Operation(summary="分页重点单词-通过id删除")
+	@RequiresPermissions("appletCoursePageWord:applet_course_page_word:delete")
+	@DeleteMapping(value = "/delete")
+	public Result<String> delete(@RequestParam(name="id",required=true) String id) {
+		appletCoursePageWordService.removeById(id);
+		return Result.OK("删除成功!");
+	}
+	
+	/**
+	 *  批量删除
+	 *
+	 * @param ids
+	 * @return
+	 */
+	@AutoLog(value = "分页重点单词-批量删除")
+	@Operation(summary="分页重点单词-批量删除")
+	@RequiresPermissions("appletCoursePageWord:applet_course_page_word:deleteBatch")
+	@DeleteMapping(value = "/deleteBatch")
+	public Result<String> deleteBatch(@RequestParam(name="ids",required=true) String ids) {
+		this.appletCoursePageWordService.removeByIds(Arrays.asList(ids.split(",")));
+		return Result.OK("批量删除成功!");
+	}
+	
+	/**
+	 * 通过id查询
+	 *
+	 * @param id
+	 * @return
+	 */
+	//@AutoLog(value = "分页重点单词-通过id查询")
+	@Operation(summary="分页重点单词-通过id查询")
+	@GetMapping(value = "/queryById")
+	public Result<AppletCoursePageWord> queryById(@RequestParam(name="id",required=true) String id) {
+		AppletCoursePageWord appletCoursePageWord = appletCoursePageWordService.getById(id);
+		if(appletCoursePageWord==null) {
+			return Result.error("未找到对应数据");
+		}
+		return Result.OK(appletCoursePageWord);
+	}
+
+    /**
+    * 导出excel
+    *
+    * @param request
+    * @param appletCoursePageWord
+    */
+    @RequiresPermissions("appletCoursePageWord:applet_course_page_word:exportXls")
+    @RequestMapping(value = "/exportXls")
+    public ModelAndView exportXls(HttpServletRequest request, AppletCoursePageWord appletCoursePageWord) {
+        return super.exportXls(request, appletCoursePageWord, AppletCoursePageWord.class, "分页重点单词");
+    }
+
+    /**
+      * 通过excel导入数据
+    *
+    * @param request
+    * @param response
+    * @return
+    */
+    @RequiresPermissions("appletCoursePageWord:applet_course_page_word:importExcel")
+    @RequestMapping(value = "/importExcel", method = RequestMethod.POST)
+    public Result<?> importExcel(HttpServletRequest request, HttpServletResponse response) {
+        return super.importExcel(request, response, AppletCoursePageWord.class);
+    }
+
+}

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/entity/AppletCoursePageWord.java

@@ -0,0 +1,83 @@
+package org.jeecg.modules.demo.appletCoursePageWord.entity;
+
+import java.io.Serializable;
+import java.io.UnsupportedEncodingException;
+import java.util.Date;
+import java.math.BigDecimal;
+import com.baomidou.mybatisplus.annotation.IdType;
+import com.baomidou.mybatisplus.annotation.TableId;
+import com.baomidou.mybatisplus.annotation.TableName;
+import com.baomidou.mybatisplus.annotation.TableLogic;
+import org.jeecg.common.constant.ProvinceCityArea;
+import org.jeecg.common.util.SpringContextUtils;
+import lombok.Data;
+import com.fasterxml.jackson.annotation.JsonFormat;
+import org.springframework.format.annotation.DateTimeFormat;
+import org.jeecgframework.poi.excel.annotation.Excel;
+import org.jeecg.common.aspect.annotation.Dict;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.EqualsAndHashCode;
+import lombok.experimental.Accessors;
+
+/**
+ * @Description: 分页重点单词
+ * @Author: jeecg-boot
+ * @Date:   2025-09-19
+ * @Version: V1.0
+ */
+@Data
+@TableName("applet_course_page_word")
+@Accessors(chain = true)
+@EqualsAndHashCode(callSuper = false)
+@Schema(description="分页重点单词")
+public class AppletCoursePageWord implements Serializable {
+    private static final long serialVersionUID = 1L;
+
+	/**主键*/
+	@TableId(type = IdType.ASSIGN_ID)
+    @Schema(description = "主键")
+    private java.lang.String id;
+	/**创建人*/
+    @Schema(description = "创建人")
+    private java.lang.String createBy;
+	/**创建日期*/
+	@JsonFormat(timezone = "GMT+8",pattern = "yyyy-MM-dd HH:mm:ss")
+    @DateTimeFormat(pattern="yyyy-MM-dd HH:mm:ss")
+    @Schema(description = "创建日期")
+    private java.util.Date createTime;
+	/**更新人*/
+    @Schema(description = "更新人")
+    private java.lang.String updateBy;
+	/**更新日期*/
+	@JsonFormat(timezone = "GMT+8",pattern = "yyyy-MM-dd HH:mm:ss")
+    @DateTimeFormat(pattern="yyyy-MM-dd HH:mm:ss")
+    @Schema(description = "更新日期")
+    private java.util.Date updateTime;
+	/**所属部门*/
+    @Schema(description = "所属部门")
+    private java.lang.String sysOrgCode;
+	/**单词*/
+	@Excel(name = "单词", width = 15)
+    @Schema(description = "单词")
+    private java.lang.String word;
+	/**图片*/
+	@Excel(name = "图片", width = 15)
+    @Schema(description = "图片")
+    private java.lang.String image;
+	/**释义*/
+	@Excel(name = "释义", width = 15)
+    @Schema(description = "释义")
+    private java.lang.String paraphrase;
+	/**音标*/
+	@Excel(name = "音标", width = 15)
+    @Schema(description = "音标")
+    private java.lang.String soundmark;
+	/**知识收获*/
+	@Excel(name = "知识收获", width = 15)
+    @Schema(description = "知识收获")
+    private java.lang.String knowledge;
+	/**分页*/
+	@Excel(name = "分页", width = 15)
+    @Schema(description = "分页")
+    private java.lang.String pageId;
+}

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/mapper/AppletCoursePageWordMapper.java

@@ -0,0 +1,17 @@
+package org.jeecg.modules.demo.appletCoursePageWord.mapper;
+
+import java.util.List;
+
+import org.apache.ibatis.annotations.Param;
+import org.jeecg.modules.demo.appletCoursePageWord.entity.AppletCoursePageWord;
+import com.baomidou.mybatisplus.core.mapper.BaseMapper;
+
+/**
+ * @Description: 分页重点单词
+ * @Author: jeecg-boot
+ * @Date:   2025-09-19
+ * @Version: V1.0
+ */
+public interface AppletCoursePageWordMapper extends BaseMapper<AppletCoursePageWord> {
+
+}

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/mapper/xml/AppletCoursePageWordMapper.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="org.jeecg.modules.demo.appletCoursePageWord.mapper.AppletCoursePageWordMapper">
+
+</mapper>

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/service/IAppletCoursePageWordService.java

@@ -0,0 +1,14 @@
+package org.jeecg.modules.demo.appletCoursePageWord.service;
+
+import org.jeecg.modules.demo.appletCoursePageWord.entity.AppletCoursePageWord;
+import com.baomidou.mybatisplus.extension.service.IService;
+
+/**
+ * @Description: 分页重点单词
+ * @Author: jeecg-boot
+ * @Date:   2025-09-19
+ * @Version: V1.0
+ */
+public interface IAppletCoursePageWordService extends IService<AppletCoursePageWord> {
+
+}

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/service/impl/AppletCoursePageWordServiceImpl.java

@@ -0,0 +1,19 @@
+package org.jeecg.modules.demo.appletCoursePageWord.service.impl;
+
+import org.jeecg.modules.demo.appletCoursePageWord.entity.AppletCoursePageWord;
+import org.jeecg.modules.demo.appletCoursePageWord.mapper.AppletCoursePageWordMapper;
+import org.jeecg.modules.demo.appletCoursePageWord.service.IAppletCoursePageWordService;
+import org.springframework.stereotype.Service;
+
+import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
+
+/**
+ * @Description: 分页重点单词
+ * @Author: jeecg-boot
+ * @Date:   2025-09-19
+ * @Version: V1.0
+ */
+@Service
+public class AppletCoursePageWordServiceImpl extends ServiceImpl<AppletCoursePageWordMapper, AppletCoursePageWord> implements IAppletCoursePageWordService {
+
+}

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/uniapp/AppletCoursePageWordForm.vue

@@ -0,0 +1,113 @@
+<template>
+    <view>
+        <!--标题和返回-->
+		<cu-custom :bgColor="NavBarColor" isBack :backRouterName="backRouteName">
+			<block slot="backText">返回</block>
+			<block slot="content">分页重点单词</block>
+		</cu-custom>
+		 <!--表单区域-->
+		<view>
+			<form>
+              <view class="cu-form-group">
+                <view class="flex align-center">
+                  <view class="title"><text space="ensp">单词：</text></view>
+                  <input  placeholder="请输入单词" v-model="model.word"/>
+                </view>
+              </view>
+              <view class="cu-form-group">
+                <view class="flex align-center">
+                  <view class="title"><text space="ensp">图片：</text></view>
+                  <input  placeholder="请输入图片" v-model="model.image"/>
+                </view>
+              </view>
+              <view class="cu-form-group">
+                <view class="flex align-center">
+                  <view class="title"><text space="ensp">释义：</text></view>
+                  <input  placeholder="请输入释义" v-model="model.paraphrase"/>
+                </view>
+              </view>
+              <view class="cu-form-group">
+                <view class="flex align-center">
+                  <view class="title"><text space="ensp">音标：</text></view>
+                  <input  placeholder="请输入音标" v-model="model.soundmark"/>
+                </view>
+              </view>
+              <view class="cu-form-group">
+                <view class="flex align-center">
+                  <view class="title"><text space="ensp">知识收获：</text></view>
+                  <input  placeholder="请输入知识收获" v-model="model.knowledge"/>
+                </view>
+              </view>
+              <view class="cu-form-group">
+                <view class="flex align-center">
+                  <view class="title"><text space="ensp">分页：</text></view>
+                  <input  placeholder="请输入分页" v-model="model.pageId"/>
+                </view>
+              </view>
+				<view class="padding">
+					<button class="cu-btn block bg-blue margin-tb-sm lg" @click="onSubmit">
+						<text v-if="loading" class="cuIcon-loading2 cuIconfont-spin"></text>提交
+					</button>
+				</view>
+			</form>
+		</view>
+    </view>
+</template>
+
+<script>
+    import myDate from '@/components/my-componets/my-date.vue'
+
+    export default {
+        name: "AppletCoursePageWordForm",
+        components:{ myDate },
+        props:{
+          formData:{
+              type:Object,
+              default:()=>{},
+              required:false
+          }
+        },
+        data(){
+            return {
+				CustomBar: this.CustomBar,
+				NavBarColor: this.NavBarColor,
+				loading:false,
+                model: {},
+                backRouteName:'index',
+                url: {
+                  queryById: "/appletCoursePageWord/appletCoursePageWord/queryById",
+                  add: "/appletCoursePageWord/appletCoursePageWord/add",
+                  edit: "/appletCoursePageWord/appletCoursePageWord/edit",
+                },
+            }
+        },
+        created(){
+             this.initFormData();
+        },
+        methods:{
+           initFormData(){
+               if(this.formData){
+                    let dataId = this.formData.dataId;
+                    this.$http.get(this.url.queryById,{params:{id:dataId}}).then((res)=>{
+                        if(res.data.success){
+                            console.log("表单数据",res);
+                            this.model = res.data.result;
+                        }
+                    })
+                }
+            },
+            onSubmit() {
+                let myForm = {...this.model};
+                this.loading = true;
+                let url = myForm.id?this.url.edit:this.url.add;
+				this.$http.post(url,myForm).then(res=>{
+				   console.log("res",res)
+				   this.loading = false
+				   this.$Router.push({name:this.backRouteName})
+				}).catch(()=>{
+					this.loading = false
+				});
+            }
+        }
+    }
+</script>

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/uniapp/AppletCoursePageWordList.vue

@@ -0,0 +1,44 @@
+<template>
+	<view>
+	   <!--标题和返回-->
+		<cu-custom :bgColor="NavBarColor" isBack>
+			<block slot="backText">返回</block>
+			<block slot="content">分页重点单词</block>
+		</cu-custom>
+		<!--滚动加载列表-->
+		<mescroll-body ref="mescrollRef" bottom="88"  @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback" @up="upCallback">
+		    <view class="cu-list menu">
+				<view class="cu-item" v-for="(item,index) in list" :key="index" @click="goHome">
+					<view class="flex" style="width:100%">
+                        <text class="text-lg" style="color: #000;">
+                             {{ item.createBy}}
+                        </text>
+					</view>
+				</view>
+			</view>
+		</mescroll-body>
+	</view>
+</template>
+
+<script>
+	import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
+	import Mixin from "@/common/mixin/Mixin.js";
+
+	export default {
+		name: '分页重点单词',
+		mixins: [MescrollMixin,Mixin],
+		data() {
+			return {
+				CustomBar:this.CustomBar,
+				NavBarColor:this.NavBarColor,
+				url: "/appletCoursePageWord/appletCoursePageWord/list",
+			};
+		},
+		methods: {
+			goHome(){
+                this.$Router.push({name: "index"})
+			}
+		}
+	}
+</script>
+

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/uniapp3/AppletCoursePageWordData.ts

@@ -0,0 +1,35 @@
+import { render } from '@/common/renderUtils';
+//列表数据
+export const columns = [
+    {
+    title: '单词',
+    align:"center",
+    dataIndex: 'word'
+   },
+   {
+    title: '图片',
+    align:"center",
+    dataIndex: 'image',
+    customRender:render.renderImage,
+   },
+   {
+    title: '释义',
+    align:"center",
+    dataIndex: 'paraphrase'
+   },
+   {
+    title: '音标',
+    align:"center",
+    dataIndex: 'soundmark'
+   },
+   {
+    title: '知识收获',
+    align:"center",
+    dataIndex: 'knowledge'
+   },
+   {
+    title: '分页',
+    align:"center",
+    dataIndex: 'pageId'
+   },
+];

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/uniapp3/AppletCoursePageWordForm.vue

@@ -0,0 +1,272 @@
+<route lang="json5" type="page">
+{
+layout: 'default',
+style: {
+navigationStyle: 'custom',
+navigationBarTitleText: '分页重点单词',
+},
+}
+</route>
+<template>
+  <PageLayout :navTitle="navTitle" :backRouteName="backRouteName">
+    <scroll-view class="scrollArea" scroll-y>
+      <view class="form-container">
+        <wd-form ref="form" :model="myFormData">
+          <wd-cell-group border>
+          <view class="{ 'mt-14px': 0 == 0 }">
+              <wd-input
+                  label-width="100px"
+                  v-model="myFormData['word']"
+                  :label="get4Label('单词')"
+                  name='word'
+                  prop='word'
+                  placeholder="请选择单词"
+                  :rules="[
+                  ]"
+                  clearable
+              />
+        </view>
+          <view class="{ 'mt-14px': 1 == 0 }">
+               <!-- 图片 -->
+            <wd-cell
+                :title="get4Label('图片')"
+                title-width="100px"
+             >
+              <online-image
+                  v-model:value="myFormData['image']"
+                  name='image'
+              />
+            </wd-cell>
+        </view>
+          <view class="{ 'mt-14px': 0 == 0 }">
+              <wd-input
+                  label-width="100px"
+                  v-model="myFormData['paraphrase']"
+                  :label="get4Label('释义')"
+                  name='paraphrase'
+                  prop='paraphrase'
+                  placeholder="请选择释义"
+                  :rules="[
+                  ]"
+                  clearable
+              />
+        </view>
+          <view class="{ 'mt-14px': 1 == 0 }">
+              <wd-input
+                  label-width="100px"
+                  v-model="myFormData['soundmark']"
+                  :label="get4Label('音标')"
+                  name='soundmark'
+                  prop='soundmark'
+                  placeholder="请选择音标"
+                  :rules="[
+                  ]"
+                  clearable
+              />
+        </view>
+          <view class="{ 'mt-14px': 0 == 0 }">
+              <wd-textarea
+                :label="get4Label('知识收获')"
+                 labelWidth="100px"
+                 type="textarea"
+                 name='knowledge'
+                 prop='knowledge'
+                 clearable
+                 :maxlength="300"
+                v-model="myFormData['knowledge']"
+              ></wd-textarea>
+        </view>
+          <view class="{ 'mt-14px': 1 == 0 }">
+              <wd-input
+                  label-width="100px"
+                  v-model="myFormData['pageId']"
+                  :label="get4Label('分页')"
+                  name='pageId'
+                  prop='pageId'
+                  placeholder="请选择分页"
+                  :rules="[
+                  ]"
+                  clearable
+              />
+        </view>
+          </wd-cell-group>
+        </wd-form>
+      </view>
+    </scroll-view>
+    <view class="footer">
+      <wd-button :disabled="loading" block :loading="loading" @click="handleSubmit">提交</wd-button>
+    </view>
+  </PageLayout>
+</template>
+
+<script lang="ts" setup>
+import { onLoad } from '@dcloudio/uni-app'
+import { http } from '@/utils/http'
+import { useToast } from 'wot-design-uni'
+import { useRouter } from '@/plugin/uni-mini-router'
+import { ref, onMounted, computed,reactive } from 'vue'
+import OnlineImage from '@/components/online/view/online-image.vue'
+import OnlineFile from '@/components/online/view/online-file.vue'
+import OnlineFileCustom from '@/components/online/view/online-file-custom.vue'
+import OnlineSelect from '@/components/online/view/online-select.vue'
+import OnlineTime from '@/components/online/view/online-time.vue'
+import OnlineDate from '@/components/online/view/online-date.vue'
+import OnlineRadio from '@/components/online/view/online-radio.vue'
+import OnlineCheckbox from '@/components/online/view/online-checkbox.vue'
+import OnlineMulti from '@/components/online/view/online-multi.vue'
+import OnlinePopupLinkRecord from '@/components/online/view/online-popup-link-record.vue'
+import OnlinePca from '@/components/online/view/online-pca.vue'
+import SelectDept from '@/components/SelectDept/SelectDept.vue'
+import SelectUser from '@/components/SelectUser/SelectUser.vue'
+import {duplicateCheck} from "@/service/api";
+defineOptions({
+  name: 'AppletCoursePageWordForm',
+  options: {
+    styleIsolation: 'shared',
+  },
+})
+const toast = useToast()
+const router = useRouter()
+const form = ref(null)
+// 定义响应式数据
+const myFormData = reactive({})
+const loading = ref(false)
+const navTitle = ref('新增')
+const dataId = ref('')
+const backRouteName = ref('AppletCoursePageWordList')
+// 定义 initForm 方法
+const initForm = (item) => {
+  console.log('initForm item', item)
+  if(item?.dataId){
+    dataId.value = item.dataId;
+    navTitle.value = item.dataId?'编辑':'新增';
+    initData();
+  }
+}
+// 初始化数据
+const initData = () => {
+  http.get("/appletCoursePageWord/appletCoursePageWord/queryById",{id:dataId.value}).then((res) => {
+    if (res.success) {
+      let obj = res.result
+      Object.assign(myFormData, { ...obj })
+    }else{
+      toast.error(res?.message || '表单加载失败！')
+    }
+  })
+}
+const handleSuccess = () => {
+  uni.$emit('refreshList');
+  router.back()
+}
+/**
+ * 校验唯一
+ * @param values
+ * @returns {boolean}
+ */
+async function fieldCheck(values: any) {
+   const onlyField = [
+   ];
+   for (const field of onlyField) {
+      if (values[field]) {
+          // 仅校验有值的字段
+          const res: any = await duplicateCheck({
+              tableName: 'applet_course_page_word',
+              fieldName: field,  // 使用处理后的字段名
+              fieldVal: values[field],
+              dataId: values.id,
+          });
+          if (!res.success) {
+              toast.warning(res.message);
+              return true;  // 校验失败
+          }
+      }
+   }
+   return false;  // 校验通过
+}
+// 提交表单
+const handleSubmit = async () => {
+ // 判断字段必填和正则
+  if (await fieldCheck(myFormData)) {
+    return
+  }
+  let url = dataId.value?'/appletCoursePageWord/appletCoursePageWord/edit':'/appletCoursePageWord/appletCoursePageWord/add';
+  form.value
+    .validate()
+    .then(({ valid, errors }) => {
+      if (valid) {
+        loading.value = true;
+        http.post(url,myFormData).then((res) => {
+          loading.value = false;
+          if (res.success) {
+            toast.success('保存成功');
+            handleSuccess()
+          }else{
+            toast.error(res?.message || '表单保存失败！')
+          }
+        })
+      }
+    })
+    .catch((error) => {
+      console.log(error, 'error')
+      loading.value = false;
+    })
+}
+// 标题
+const get4Label = computed(() => {
+  return (label) => {
+    return label && label.length > 4 ? label.substring(0, 4) : label;
+  }
+})
+
+// 标题
+const getFormSchema = computed(() => {
+  return (dictTable,dictCode,dictText) => {
+    return {
+      dictCode,
+      dictTable,
+      dictText
+    };
+  }
+})
+/**
+ * 获取日期控件的扩展类型
+ * @param picker
+ * @returns {string}
+ */
+const getDateExtendType = (picker: string) => {
+    let mapField = {
+      month: 'year-month',
+      year: 'year',
+      quarter: 'quarter',
+      week: 'week',
+      day: 'date',
+    }
+    return picker && mapField[picker]
+      ? mapField[picker]
+      : 'date'
+}
+//设置pop返回值
+const setFieldsValue = (data) => {
+   Object.assign(myFormData, {...data })
+}
+// onLoad 生命周期钩子
+onLoad((option) => {
+  initForm(option)
+})
+</script>
+
+<style lang="scss" scoped>
+.footer {
+  width: 100%;
+  padding: 10px 20px;
+  padding-bottom: calc(constant(safe-area-inset-bottom) + 10px);
+  padding-bottom: calc(env(safe-area-inset-bottom) + 10px);
+}
+:deep(.wd-cell__label) {
+  font-size: 14px;
+  color: #444;
+}
+:deep(.wd-cell__value) {
+  text-align: left;
+}
+</style>

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/uniapp3/AppletCoursePageWordList.vue

@@ -0,0 +1,148 @@
+<route lang="json5" type="page">
+{
+layout: 'default',
+style: {
+navigationBarTitleText: '分页重点单词',
+navigationStyle: 'custom',
+},
+}
+</route>
+<template>
+  <PageLayout navTitle="分页重点单词"  backRouteName="index" routeMethod="pushTab">
+    <view class="wrap">
+      <z-paging
+          ref="paging"
+          :fixed="false"
+          v-model="dataList"
+          @query="queryList"
+          :default-page-size="15"
+      >
+        <template v-for="item in dataList" :key="item.id">
+          <wd-swipe-action>
+            <view class="list" @click="handleEdit(item)">
+              <template v-for="(cItem, cIndex) in columns" :key="cIndex">
+                <view v-if="cIndex < 3" class="box" :style="getBoxStyle">
+                  <view class="field ellipsis">{{ cItem.title }}</view>
+                  <view class="value cu-text-grey">{{ item[cItem.dataIndex] }}</view>
+                </view>
+              </template>
+            </view>
+            <template #right>
+              <view class="action">
+                <view class="button" @click="handleAction('del', item)">删除</view>
+              </view>
+            </template>
+          </wd-swipe-action>
+        </template>
+      </z-paging>
+      <view class="add u-iconfont u-icon-add" @click="handleAdd"></view>
+    </view>
+  </PageLayout>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, computed } from 'vue'
+import { http } from '@/utils/http'
+import usePageList from '@/hooks/usePageList'
+import {columns} from './AppletCoursePageWordData';
+defineOptions({
+  name: 'AppletCoursePageWordList',
+  options: {
+    styleIsolation: 'shared',
+  }
+})
+//分页加载配置
+let { toast, router, paging, dataList, queryList } = usePageList('/appletCoursePageWord/appletCoursePageWord/list');
+
+//样式
+const getBoxStyle = computed(() => {
+  return { width: "calc(33% - 5px)" }
+})
+
+// 其他操作
+const handleAction = (val, item) => {
+  if (val == 'del') {
+    http.delete("/appletCoursePageWord/appletCoursePageWord/delete?id="+item.id,{id:item.id}).then((res) => {
+      toast.success('删除成功~')
+      paging.value.reload()
+    })
+  }
+}
+
+// go 新增页
+const handleAdd = () => {
+  router.push({
+    name: 'AppletCoursePageWordForm'
+  })
+}
+
+//go 编辑页
+const handleEdit = (record) => {
+  router.push({
+    name: 'AppletCoursePageWordForm',
+    params: {dataId: record.id},
+  })
+}
+
+onMounted(() => {
+  // 监听刷新列表事件
+  uni.$on('refreshList', () => {
+    queryList(1,10)
+  })
+})
+</script>
+
+<style lang="scss" scoped>
+.wrap {
+  height: 100%;
+}
+:deep(.wd-swipe-action) {
+  margin-top: 10px;
+  background-color: #fff;
+}
+.list {
+  padding: 10px 10px;
+  width: 100%;
+  text-align: left;
+  display: flex;
+  justify-content: space-between;
+  .box {
+    width: 33%;
+    .field {
+      margin-bottom: 10px;
+      line-height: 20px;
+    }
+  }
+}
+.action {
+  width: 60px;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: 1;
+    height: 100%;
+    color: #fff;
+    &:first-child {
+      background-color: #fa4350;
+    }
+  }
+}
+.add {
+  height: 70upx;
+  width: 70upx;
+  text-align: center;
+  line-height: 70upx;
+  background-color: #fff;
+  border-radius: 50%;
+  position: fixed;
+  bottom: 80upx;
+  right: 30upx;
+  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
+  color: #666;
+}
+</style>

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/vue3/AppletCoursePageWord.api.ts

@@ -0,0 +1,64 @@
+import {defHttp} from '/@/utils/http/axios';
+import { useMessage } from "/@/hooks/web/useMessage";
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/appletCoursePageWord/appletCoursePageWord/list',
+  save='/appletCoursePageWord/appletCoursePageWord/add',
+  edit='/appletCoursePageWord/appletCoursePageWord/edit',
+  deleteOne = '/appletCoursePageWord/appletCoursePageWord/delete',
+  deleteBatch = '/appletCoursePageWord/appletCoursePageWord/deleteBatch',
+  importExcel = '/appletCoursePageWord/appletCoursePageWord/importExcel',
+  exportXls = '/appletCoursePageWord/appletCoursePageWord/exportXls',
+}
+/**
+ * 导出api
+ * @param params
+ */
+export const getExportUrl = Api.exportXls;
+/**
+ * 导入api
+ */
+export const getImportUrl = Api.importExcel;
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) =>
+  defHttp.get({url: Api.list, params});
+
+/**
+ * 删除单个
+ */
+export const deleteOne = (params,handleSuccess) => {
+  return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => {
+    handleSuccess();
+  });
+}
+/**
+ * 批量删除
+ * @param params
+ */
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => {
+        handleSuccess();
+      });
+    }
+  });
+}
+/**
+ * 保存或者更新
+ * @param params
+ */
+export const saveOrUpdate = (params, isUpdate) => {
+  let url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({url: url, params});
+}

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/vue3/AppletCoursePageWord.data.ts

@@ -0,0 +1,104 @@
+import {BasicColumn} from '/@/components/Table';
+import {FormSchema} from '/@/components/Table';
+import { rules} from '/@/utils/helper/validator';
+import { render } from '/@/utils/common/renderUtils';
+import { getWeekMonthQuarterYear } from '/@/utils';
+//列表数据
+export const columns: BasicColumn[] = [
+   {
+    title: '单词',
+    align:"center",
+    dataIndex: 'word'
+   },
+   {
+    title: '图片',
+    align:"center",
+    dataIndex: 'image',
+    customRender:render.renderImage,
+   },
+   {
+    title: '释义',
+    align:"center",
+    dataIndex: 'paraphrase'
+   },
+   {
+    title: '音标',
+    align:"center",
+    dataIndex: 'soundmark'
+   },
+   {
+    title: '知识收获',
+    align:"center",
+    dataIndex: 'knowledge'
+   },
+   {
+    title: '分页',
+    align:"center",
+    dataIndex: 'pageId'
+   },
+];
+//查询数据
+export const searchFormSchema: FormSchema[] = [
+];
+//表单数据
+export const formSchema: FormSchema[] = [
+  {
+    label: '单词',
+    field: 'word',
+    component: 'Input',
+  },
+  {
+    label: '图片',
+    field: 'image',
+     component: 'JImageUpload',
+     componentProps:{
+        fileMax: 0
+      },
+  },
+  {
+    label: '释义',
+    field: 'paraphrase',
+    component: 'Input',
+  },
+  {
+    label: '音标',
+    field: 'soundmark',
+    component: 'Input',
+  },
+  {
+    label: '知识收获',
+    field: 'knowledge',
+    component: 'InputTextArea',
+  },
+  {
+    label: '分页',
+    field: 'pageId',
+    component: 'Input',
+  },
+	// TODO 主键隐藏字段，目前写死为ID
+	{
+	  label: '',
+	  field: 'id',
+	  component: 'Input',
+	  show: false
+	},
+];
+
+// 高级查询数据
+export const superQuerySchema = {
+  word: {title: '单词',order: 0,view: 'text', type: 'string',},
+  image: {title: '图片',order: 1,view: 'image', type: 'string',},
+  paraphrase: {title: '释义',order: 2,view: 'text', type: 'string',},
+  soundmark: {title: '音标',order: 3,view: 'text', type: 'string',},
+  knowledge: {title: '知识收获',order: 4,view: 'textarea', type: 'string',},
+  pageId: {title: '分页',order: 5,view: 'text', type: 'string',},
+};
+
+/**
+* 流程表单调用这个方法获取formSchema
+* @param param
+*/
+export function getBpmFormSchema(_formData): FormSchema[]{
+  // 默认和原始表单保持一致 如果流程中配置了权限数据，这里需要单独处理formSchema
+  return formSchema;
+}

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/vue3/AppletCoursePageWordList.vue

@@ -0,0 +1,206 @@
+<template>
+  <div>
+    <!--引用表格-->
+   <BasicTable @register="registerTable" :rowSelection="rowSelection">
+     <!--插槽:table标题-->
+      <template #tableTitle>
+          <a-button type="primary" v-auth="'appletCoursePageWord:applet_course_page_word:add'" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button>
+          <a-button  type="primary" v-auth="'appletCoursePageWord:applet_course_page_word:exportXls'" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button>
+          <j-upload-button type="primary" v-auth="'appletCoursePageWord:applet_course_page_word:importExcel'" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+
+          <a-dropdown v-if="selectedRowKeys.length > 0">
+              <template #overlay>
+                <a-menu>
+                  <a-menu-item key="1" @click="batchHandleDelete">
+                    <Icon icon="ant-design:delete-outlined"></Icon>
+                    删除
+                  </a-menu-item>
+                </a-menu>
+              </template>
+              <a-button v-auth="'appletCoursePageWord:applet_course_page_word:deleteBatch'">批量操作
+                <Icon icon="mdi:chevron-down"></Icon>
+              </a-button>
+        </a-dropdown>
+        <!-- 高级查询 -->
+        <super-query :config="superQueryConfig" @search="handleSuperQuery" />
+      </template>
+       <!--操作栏-->
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/>
+      </template>
+      <!--字段回显插槽-->
+      <template v-slot:bodyCell="{ column, record, index, text }">
+      </template>
+    </BasicTable>
+    <!-- 表单区域 -->
+    <AppletCoursePageWordModal @register="registerModal" @success="handleSuccess"></AppletCoursePageWordModal>
+  </div>
+</template>
+
+<script lang="ts" name="appletCoursePageWord-appletCoursePageWord" setup>
+  import {ref, reactive, computed, unref} from 'vue';
+  import {BasicTable, useTable, TableAction} from '/@/components/Table';
+  import {useModal} from '/@/components/Modal';
+  import { useListPage } from '/@/hooks/system/useListPage'
+  import AppletCoursePageWordModal from './components/AppletCoursePageWordModal.vue'
+  import {columns, searchFormSchema, superQuerySchema} from './AppletCoursePageWord.data';
+  import {list, deleteOne, batchDelete, getImportUrl,getExportUrl} from './AppletCoursePageWord.api';
+  import { downloadFile } from '/@/utils/common/renderUtils';
+  import { useUserStore } from '/@/store/modules/user';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { getDateByPicker } from '/@/utils';
+  //日期个性化选择
+  const fieldPickers = reactive({
+  });
+  const queryParam = reactive<any>({});
+  const checkedKeys = ref<Array<string | number>>([]);
+  const userStore = useUserStore();
+  const { createMessage } = useMessage();
+  //注册model
+  const [registerModal, {openModal}] = useModal();
+  //注册table数据
+  const { prefixCls,tableContext,onExportXls,onImportXls } = useListPage({
+      tableProps:{
+           title: '分页重点单词',
+           api: list,
+           columns,
+           canResize:true,
+           formConfig: {
+              //labelWidth: 120,
+              schemas: searchFormSchema,
+              autoSubmitOnEnter:true,
+              showAdvancedButton:true,
+              fieldMapToNumber: [
+              ],
+              fieldMapToTime: [
+              ],
+            },
+           actionColumn: {
+               width: 120,
+               fixed:'right'
+            },
+            beforeFetch: (params) => {
+              if (params && fieldPickers) {
+                for (let key in fieldPickers) {
+                  if (params[key]) {
+                    params[key] = getDateByPicker(params[key], fieldPickers[key]);
+                  }
+                }
+              }
+              return Object.assign(params, queryParam);
+            },
+      },
+       exportConfig: {
+            name:"分页重点单词",
+            url: getExportUrl,
+            params: queryParam,
+          },
+          importConfig: {
+            url: getImportUrl,
+            success: handleSuccess
+          },
+  })
+
+  const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext
+
+  // 高级查询配置
+  const superQueryConfig = reactive(superQuerySchema);
+
+  /**
+   * 高级查询事件
+   */
+  function handleSuperQuery(params) {
+    Object.keys(params).map((k) => {
+      queryParam[k] = params[k];
+    });
+    reload();
+  }
+   /**
+    * 新增事件
+    */
+  function handleAdd() {
+     openModal(true, {
+       isUpdate: false,
+       showFooter: true,
+     });
+  }
+   /**
+    * 编辑事件
+    */
+  function handleEdit(record: Recordable) {
+     openModal(true, {
+       record,
+       isUpdate: true,
+       showFooter: true,
+     });
+   }
+   /**
+    * 详情
+   */
+  function handleDetail(record: Recordable) {
+     openModal(true, {
+       record,
+       isUpdate: true,
+       showFooter: false,
+     });
+   }
+   /**
+    * 删除事件
+    */
+  async function handleDelete(record) {
+     await deleteOne({id: record.id}, handleSuccess);
+   }
+   /**
+    * 批量删除事件
+    */
+  async function batchHandleDelete() {
+     await batchDelete({ids: selectedRowKeys.value}, handleSuccess);
+   }
+   /**
+    * 成功回调
+    */
+  function handleSuccess() {
+      (selectedRowKeys.value = []) && reload();
+   }
+   /**
+      * 操作栏
+      */
+  function getTableAction(record){
+       return [
+         {
+           label: '编辑',
+           onClick: handleEdit.bind(null, record),
+           auth: 'appletCoursePageWord:applet_course_page_word:edit'
+         }
+       ]
+   }
+     /**
+        * 下拉操作栏
+        */
+  function getDropDownAction(record){
+       return [
+         {
+           label: '详情',
+           onClick: handleDetail.bind(null, record),
+         }, {
+           label: '删除',
+           popConfirm: {
+             title: '是否确认删除',
+             confirm: handleDelete.bind(null, record),
+             placement: 'topLeft',
+           },
+           auth: 'appletCoursePageWord:applet_course_page_word:delete'
+         }
+       ]
+   }
+
+
+
+
+</script>
+
+<style lang="less" scoped>
+  :deep(.ant-picker),:deep(.ant-input-number){
+    width: 100%;
+  }
+</style>

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/vue3/V20250919_1__menu_insert_AppletCoursePageWord.sql

@@ -0,0 +1,26 @@
+-- 注意：该页面对应的前台目录为views/appletCoursePageWord文件夹下
+-- 如果你想更改到其他目录，请修改sql中component字段对应的值
+
+
+INSERT INTO sys_permission(id, parent_id, name, url, component, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_route, is_leaf, keep_alive, hidden, hide_tab, description, status, del_flag, rule_flag, create_by, create_time, update_by, update_time, internal_or_external) 
+VALUES ('2025091910047650280', NULL, '分页重点单词', '/appletCoursePageWord/appletCoursePageWordList', 'appletCoursePageWord/AppletCoursePageWordList', NULL, NULL, 0, NULL, '1', 0.00, 0, NULL, 1, 0, 0, 0, 0, NULL, '1', 0, 0, 'admin', '2025-09-19 10:04:28', NULL, NULL, 0);
+
+-- 权限控制sql
+-- 新增
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091910047650281', '2025091910047650280', '添加分页重点单词', NULL, NULL, 0, NULL, NULL, 2, 'appletCoursePageWord:applet_course_page_word:add', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 10:04:28', NULL, NULL, 0, 0, '1', 0);
+-- 编辑
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091910047650282', '2025091910047650280', '编辑分页重点单词', NULL, NULL, 0, NULL, NULL, 2, 'appletCoursePageWord:applet_course_page_word:edit', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 10:04:28', NULL, NULL, 0, 0, '1', 0);
+-- 删除
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091910047650283', '2025091910047650280', '删除分页重点单词', NULL, NULL, 0, NULL, NULL, 2, 'appletCoursePageWord:applet_course_page_word:delete', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 10:04:28', NULL, NULL, 0, 0, '1', 0);
+-- 批量删除
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091910047650284', '2025091910047650280', '批量删除分页重点单词', NULL, NULL, 0, NULL, NULL, 2, 'appletCoursePageWord:applet_course_page_word:deleteBatch', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 10:04:28', NULL, NULL, 0, 0, '1', 0);
+-- 导出excel
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091910047650285', '2025091910047650280', '导出excel_分页重点单词', NULL, NULL, 0, NULL, NULL, 2, 'appletCoursePageWord:applet_course_page_word:exportXls', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 10:04:28', NULL, NULL, 0, 0, '1', 0);
+-- 导入excel
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091910047650286', '2025091910047650280', '导入excel_分页重点单词', NULL, NULL, 0, NULL, NULL, 2, 'appletCoursePageWord:applet_course_page_word:importExcel', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 10:04:28', NULL, NULL, 0, 0, '1', 0);

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/vue3/components/AppletCoursePageWordForm.vue

@@ -0,0 +1,70 @@
+<template>
+    <div style="min-height: 400px">
+        <BasicForm @register="registerForm"></BasicForm>
+        <div style="width: 100%;text-align: center" v-if="!formDisabled">
+            <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提 交</a-button>
+        </div>
+    </div>
+</template>
+
+<script lang="ts">
+    import {BasicForm, useForm} from '/@/components/Form/index';
+    import {computed, defineComponent} from 'vue';
+    import {defHttp} from '/@/utils/http/axios';
+    import { propTypes } from '/@/utils/propTypes';
+    import {getBpmFormSchema} from '../AppletCoursePageWord.data';
+    import {saveOrUpdate} from '../AppletCoursePageWord.api';
+    
+    export default defineComponent({
+        name: "AppletCoursePageWordForm",
+        components:{
+            BasicForm
+        },
+        props:{
+            formData: propTypes.object.def({}),
+            formBpm: propTypes.bool.def(true),
+        },
+        setup(props){
+            const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
+                labelWidth: 150,
+                schemas: getBpmFormSchema(props.formData),
+                showActionButtonGroup: false,
+                baseColProps: {span: 24}
+            });
+
+            const formDisabled = computed(()=>{
+                if(props.formData.disabled === false){
+                    return false;
+                }
+                return true;
+            });
+
+            let formData = {};
+            const queryByIdUrl = '/appletCoursePageWord/appletCoursePageWord/queryById';
+            async function initFormData(){
+                let params = {id: props.formData.dataId};
+                const data = await defHttp.get({url: queryByIdUrl, params});
+                formData = {...data}
+                //设置表单的值
+                await setFieldsValue(formData);
+                //默认是禁用
+                await setProps({disabled: formDisabled.value})
+            }
+
+            async function submitForm() {
+                let data = getFieldsValue();
+                let params = Object.assign({}, formData, data);
+                console.log('表单数据', params)
+                await saveOrUpdate(params, true)
+            }
+
+            initFormData();
+            
+            return {
+                registerForm,
+                formDisabled,
+                submitForm,
+            }
+        }
+    });
+</script>

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletCoursePageWord/vue3/components/AppletCoursePageWordModal.vue

@@ -0,0 +1,99 @@
+<template>
+  <BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="800" @ok="handleSubmit">
+      <BasicForm @register="registerForm" name="AppletCoursePageWordForm" />
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+    import {ref, computed, unref, reactive} from 'vue';
+    import {BasicModal, useModalInner} from '/@/components/Modal';
+    import {BasicForm, useForm} from '/@/components/Form/index';
+    import {formSchema} from '../AppletCoursePageWord.data';
+    import {saveOrUpdate} from '../AppletCoursePageWord.api';
+    import { useMessage } from '/@/hooks/web/useMessage';
+    import { getDateByPicker } from '/@/utils';
+    const { createMessage } = useMessage();
+    // Emits声明
+    const emit = defineEmits(['register','success']);
+    const isUpdate = ref(true);
+    const isDetail = ref(false);
+    //表单配置
+    const [registerForm, { setProps,resetFields, setFieldsValue, validate, scrollToField }] = useForm({
+        labelWidth: 150,
+        schemas: formSchema,
+        showActionButtonGroup: false,
+        baseColProps: {span: 24}
+    });
+    //表单赋值
+    const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data) => {
+        //重置表单
+        await resetFields();
+        setModalProps({confirmLoading: false,showCancelBtn:!!data?.showFooter,showOkBtn:!!data?.showFooter});
+        isUpdate.value = !!data?.isUpdate;
+        isDetail.value = !!data?.showFooter;
+        if (unref(isUpdate)) {
+            //表单赋值
+            await setFieldsValue({
+                ...data.record,
+            });
+        }
+        // 隐藏底部时禁用整个表单
+       setProps({ disabled: !data?.showFooter })
+    });
+    //日期个性化选择
+    const fieldPickers = reactive({
+    });
+    //设置标题
+    const title = computed(() => (!unref(isUpdate) ? '新增' : !unref(isDetail) ? '详情' : '编辑'));
+    //表单提交事件
+    async function handleSubmit(v) {
+        try {
+            let values = await validate();
+            // 预处理日期数据
+            changeDateValue(values);
+            setModalProps({confirmLoading: true});
+            //提交表单
+            await saveOrUpdate(values, isUpdate.value);
+            //关闭弹窗
+            closeModal();
+            //刷新列表
+            emit('success');
+        } catch ({ errorFields }) {
+           if (errorFields) {
+             const firstField = errorFields[0];
+             if (firstField) {
+               scrollToField(firstField.name, { behavior: 'smooth', block: 'center' });
+             }
+           }
+           return Promise.reject(errorFields);
+        } finally {
+            setModalProps({confirmLoading: false});
+        }
+    }
+
+    /**
+     * 处理日期值
+     * @param formData 表单数据
+     */
+    const changeDateValue = (formData) => {
+        if (formData && fieldPickers) {
+            for (let key in fieldPickers) {
+                if (formData[key]) {
+                    formData[key] = getDateByPicker(formData[key], fieldPickers[key]);
+                }
+            }
+        }
+    };
+
+</script>
+
+<style lang="less" scoped>
+	/** 时间和数字输入框样式 */
+  :deep(.ant-input-number) {
+    width: 100%;
+  }
+
+  :deep(.ant-calendar-picker) {
+    width: 100%;
+  }
+</style>

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletVip/controller/AppletVipController.java

@@ -47,7 +47,7 @@ import org.apache.shiro.authz.annotation.RequiresPermissions;
  /**
  * @Description: 会员
  * @Author: jeecg-boot
- * @Date:   2025-09-11
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 @Tag(name="会员")

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletVip/entity/AppletSetmeal.java

@@ -19,7 +19,7 @@ import java.io.UnsupportedEncodingException;
 /**
  * @Description: 套餐
  * @Author: jeecg-boot
- * @Date:   2025-09-11
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 @Schema(description="套餐")

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletVip/entity/AppletVip.java

@@ -19,7 +19,7 @@ import io.swagger.v3.oas.annotations.media.Schema;
 /**
  * @Description: 会员
  * @Author: jeecg-boot
- * @Date:   2025-09-11
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 @Schema(description="会员")
@@ -63,8 +63,15 @@ public class AppletVip implements Serializable {
 	@Excel(name = "会员权益", width = 15)
     @Schema(description = "会员权益")
     private java.lang.String content;
+	/**排序*/
+	@Excel(name = "排序", width = 15)
+    @Schema(description = "排序")
+    private java.lang.Integer sort;
+	/**启用*/
+    @Excel(name = "启用", width = 15,replace = {"是_Y","否_N"} )
+    @Schema(description = "启用")
+    private java.lang.String status;
 
     @TableField(exist = false)
-    @Schema(description = "套餐")
     private List<AppletSetmeal> setmeals;
 }

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletVip/mapper/AppletSetmealMapper.java

@@ -8,7 +8,7 @@ import org.apache.ibatis.annotations.Param;
 /**
  * @Description: 套餐
  * @Author: jeecg-boot
- * @Date:   2025-09-11
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 public interface AppletSetmealMapper extends BaseMapper<AppletSetmeal> {

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletVip/mapper/AppletVipMapper.java

@@ -9,7 +9,7 @@ import com.baomidou.mybatisplus.core.mapper.BaseMapper;
 /**
  * @Description: 会员
  * @Author: jeecg-boot
- * @Date:   2025-09-11
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 public interface AppletVipMapper extends BaseMapper<AppletVip> {

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletVip/service/IAppletSetmealService.java

@@ -7,7 +7,7 @@ import java.util.List;
 /**
  * @Description: 套餐
  * @Author: jeecg-boot
- * @Date:   2025-09-11
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 public interface IAppletSetmealService extends IService<AppletSetmeal> {

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletVip/service/IAppletVipService.java

@@ -10,7 +10,7 @@ import java.util.List;
 /**
  * @Description: 会员
  * @Author: jeecg-boot
- * @Date:   2025-09-11
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 public interface IAppletVipService extends IService<AppletVip> {
@@ -44,6 +44,5 @@ public interface IAppletVipService extends IService<AppletVip> {
 	 * @param idList
 	 */
 	public void delBatchMain (Collection<? extends Serializable> idList);
-
-
+	
 }

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletVip/service/impl/AppletSetmealServiceImpl.java

@@ -11,7 +11,7 @@ import org.springframework.beans.factory.annotation.Autowired;
 /**
  * @Description: 套餐
  * @Author: jeecg-boot
- * @Date:   2025-09-11
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 @Service

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletVip/service/impl/AppletVipServiceImpl.java

@@ -16,7 +16,7 @@ import java.util.Collection;
 /**
  * @Description: 会员
  * @Author: jeecg-boot
- * @Date:   2025-09-11
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 @Service

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletVip/vo/AppletVipPage.java

@@ -19,7 +19,7 @@ import io.swagger.v3.oas.annotations.media.Schema;
 /**
  * @Description: 会员
  * @Author: jeecg-boot
- * @Date:   2025-09-11
+ * @Date:   2025-09-19
  * @Version: V1.0
  */
 @Data
@@ -60,6 +60,14 @@ public class AppletVipPage {
 	@Excel(name = "会员权益", width = 15)
 	@Schema(description = "会员权益")
     private java.lang.String content;
+	/**排序*/
+	@Excel(name = "排序", width = 15)
+	@Schema(description = "排序")
+    private java.lang.Integer sort;
+	/**启用*/
+	@Schema(description = "启用")
+    @Excel(name = "启用", width = 15,replace = {"是_Y","否_N"} )
+    private java.lang.String status;
 
 	@ExcelCollection(name="套餐")
 	@Schema(description = "套餐")

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletVip/vue3/AppletVip.data.ts

@@ -22,6 +22,19 @@ export const columns: BasicColumn[] = [
     align:"center",
     dataIndex: 'content',
    },
+   {
+    title: '排序',
+    align:"center",
+    dataIndex: 'sort'
+   },
+   {
+    title: '启用',
+    align:"center",
+    dataIndex: 'status',
+    customRender:({text}) => {
+       return  render.renderSwitch(text, [{text:'是',value:'Y'},{text:'否',value:'N'}])
+     },
+   },
 ];
 //查询数据
 export const searchFormSchema: FormSchema[] = [
@@ -45,6 +58,19 @@ export const formSchema: FormSchema[] = [
     label: '会员权益',
     field: 'content',
     component: 'JEditor',
+  },
+  {
+    label: '排序',
+    field: 'sort',
+    component: 'InputNumber',
+    dynamicDisabled:true
+  },
+  {
+    label: '启用',
+    field: 'status',
+     component: 'JSwitch',
+     componentProps:{
+     },
   },
 	// TODO 主键隐藏字段，目前写死为ID
 	{
@@ -121,6 +147,8 @@ export const superQuerySchema = {
   title: {title: '标题',order: 0,view: 'text', type: 'string',},
   img: {title: '图片',order: 1,view: 'image', type: 'string',},
   content: {title: '会员权益',order: 2,view: 'umeditor', type: 'string',},
+  sort: {title: '排序',order: 3,view: 'number', type: 'number',},
+  status: {title: '启用',order: 4,view: 'switch', type: 'string',},
   //子表高级查询
   appletSetmeal: {
     title: '套餐',

jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletVip/vue3/V20250919_1__menu_insert_AppletVip.sql

@@ -0,0 +1,26 @@
+-- 注意：该页面对应的前台目录为views/appletVip文件夹下
+-- 如果你想更改到其他目录，请修改sql中component字段对应的值
+
+
+INSERT INTO sys_permission(id, parent_id, name, url, component, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_route, is_leaf, keep_alive, hidden, hide_tab, description, status, del_flag, rule_flag, create_by, create_time, update_by, update_time, internal_or_external) 
+VALUES ('2025091909513850210', NULL, '会员', '/appletVip/appletVipList', 'appletVip/AppletVipList', NULL, NULL, 0, NULL, '1', 0.00, 0, NULL, 1, 0, 0, 0, 0, NULL, '1', 0, 0, 'admin', '2025-09-19 09:51:21', NULL, NULL, 0);
+
+-- 权限控制sql
+-- 新增
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909513850211', '2025091909513850210', '添加会员', NULL, NULL, 0, NULL, NULL, 2, 'appletVip:applet_vip:add', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:51:21', NULL, NULL, 0, 0, '1', 0);
+-- 编辑
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909513850212', '2025091909513850210', '编辑会员', NULL, NULL, 0, NULL, NULL, 2, 'appletVip:applet_vip:edit', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:51:21', NULL, NULL, 0, 0, '1', 0);
+-- 删除
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909513850213', '2025091909513850210', '删除会员', NULL, NULL, 0, NULL, NULL, 2, 'appletVip:applet_vip:delete', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:51:21', NULL, NULL, 0, 0, '1', 0);
+-- 批量删除
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909513850214', '2025091909513850210', '批量删除会员', NULL, NULL, 0, NULL, NULL, 2, 'appletVip:applet_vip:deleteBatch', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:51:21', NULL, NULL, 0, 0, '1', 0);
+-- 导出excel
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909513850215', '2025091909513850210', '导出excel_会员', NULL, NULL, 0, NULL, NULL, 2, 'appletVip:applet_vip:exportXls', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:51:21', NULL, NULL, 0, 0, '1', 0);
+-- 导入excel
+INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external)
+VALUES ('2025091909513850216', '2025091909513850210', '导入excel_会员', NULL, NULL, 0, NULL, NULL, 2, 'appletVip:applet_vip:importExcel', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-19 09:51:21', NULL, NULL, 0, 0, '1', 0);

jeecgboot-vue3/src/api/applet/coursePageWord.ts

@@ -0,0 +1,69 @@
+import {defHttp} from '/@/utils/http/axios';
+import { useMessage } from "/@/hooks/web/useMessage";
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/appletCoursePageWord/appletCoursePageWord/list',
+  save='/appletCoursePageWord/appletCoursePageWord/add',
+  edit='/appletCoursePageWord/appletCoursePageWord/edit',
+  deleteOne = '/appletCoursePageWord/appletCoursePageWord/delete',
+  deleteBatch = '/appletCoursePageWord/appletCoursePageWord/deleteBatch',
+  importExcel = '/appletCoursePageWord/appletCoursePageWord/importExcel',
+  exportXls = '/appletCoursePageWord/appletCoursePageWord/exportXls',
+}
+
+/**
+ * 导出api
+ * @param params
+ */
+export const getExportUrl = Api.exportXls;
+
+/**
+ * 导入api
+ */
+export const getImportUrl = Api.importExcel;
+
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) =>
+  defHttp.get({url: Api.list, params});
+
+/**
+ * 删除单个
+ */
+export const deleteOne = (params,handleSuccess) => {
+  return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => {
+    handleSuccess();
+  });
+}
+
+/**
+ * 批量删除
+ * @param params
+ */
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => {
+        handleSuccess();
+      });
+    }
+  });
+}
+
+/**
+ * 保存或者更新
+ * @param params
+ */
+export const saveOrUpdate = (params, isUpdate) => {
+  let url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({url: url, params});
+}

jeecgboot-vue3/src/views/applet/course-page/AppletCoursePageList.vue

@@ -194,6 +194,9 @@
                   </div>
                 </div>
               </div>
+              
+              <!-- 重点单词表格组件 -->
+              <WordTable :course-page-id="currentPage.id" ref="wordTableRef" />
             </a-form>
           </div>
         </div>
@@ -224,7 +227,7 @@
                     </a-select-option>
                   </a-select>
                 </a-form-item>
-                <a-form-item label="付费" name="pay">
+                <a-form-item label="会员" name="pay">
                   <a-switch v-model:checked="payChecked" checked-children="是" un-checked-children="否" />
                 </a-form-item>
                 <a-form-item label="上架" name="status">
@@ -235,53 +238,10 @@
           </div>
 
           <!-- 右侧：手机预览区域 -->
-          <div class="mobile-preview-section">
-            <div class="panel-header">
-              <span>手机预览<span style="font-size: 12px; color: #999;">（该预览经供参考，请以实际手机为准）</span></span>
-              <a-button size="small" @click="refreshPreview">
-                <Icon icon="ant-design:reload-outlined" />
-              </a-button>
-            </div>
-            <div class="panel-content">
-              <div class="mobile-preview-container">
-                <div class="mobile-screen">
-                  <div class="preview-content">
-                    <div v-if="contentComponents.length === 0" class="empty-preview">
-                      <p>暂无内容，请在左侧添加内容组件</p>
-                    </div>
-                    <div v-else class="content-preview">
-                      <div v-for="(component, index) in contentComponents" :key="index" class="preview-component">
-                        <!-- 文本预览 -->
-                        <div v-if="component.type === 'text'" class="text-preview" :class="{ 'text-english': component.language === 'en' }">
-                          <div class="text-language-tag">{{ component.language === 'en' ? 'EN' : '中' }}</div>
-                          <pre>{{ component.content || '文本内容...' }}</pre>
-                        </div>
-                        <!-- 图片预览 -->
-                        <div v-else-if="component.type === 'image'" class="image-preview">
-                          <img v-if="component.imageUrl" :src="component.imageUrl" :alt="component.alt" />
-                          <div v-else class="placeholder-image">图片预览</div>
-                          <p v-if="component.alt" class="image-caption">{{ component.alt }}</p>
-                        </div>
-                        <!-- 视频预览 -->
-                        <div v-else-if="component.type === 'video'" class="video-preview">
-                          <div v-if="component.url" class="video-container">
-                            <video :src="component.url" :poster="component.coverUrl" controls></video>
-                          </div>
-                          <div v-else class="placeholder-video">
-                            <div v-if="component.coverUrl" class="video-cover-preview">
-                              <img :src="component.coverUrl" alt="视频封面" />
-                              <div class="play-icon">▶</div>
-                            </div>
-                            <div v-else>视频预览</div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
+          <MobilePreview 
+            :content-components="contentComponents" 
+            @refresh="refreshPreview"
+          />
         </div>
       </div>
     </div>
@@ -297,6 +257,8 @@ import { JImageUpload, JUpload } from '/@/components/Form';
 import { saveOrUpdate, getById, list, deleteOne, add, edit } from './AppletCoursePage.api';
 import { initDictOptions } from '/@/utils/dict/JDictSelectUtil';
 import draggable from 'vuedraggable';
+import MobilePreview from './components/MobilePreview.vue';
+import WordTable from './components/WordTable.vue';
 
 const route = useRoute();
 const router = useRouter();
@@ -342,6 +304,9 @@ const statusChecked = computed({
 // 保存状态
 const saving = ref(false);
 
+// WordTable组件引用
+const wordTableRef = ref();
+
 onMounted(async () => {
   // 获取课程ID
   if (route.query.courseId) {
@@ -1048,163 +1013,6 @@ function getPageTypeName(type: string) {
   background: #fff;
 }
 
-.mobile-preview-section {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  border: 1px solid #e8e8e8;
-  border-radius: 6px;
-  background: #fff;
-}
-
-/* 手机预览样式 */
-.mobile-preview-container {
-  display: flex;
-  justify-content: center;
-  align-items: flex-start;
-  padding: 20px;
-  background: #f5f5f5;
-  min-height: 500px;
-}
-
-.mobile-screen {
-  width: 375px;
-  height: 667px;
-  background: #fff;
-  border-radius: 20px;
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
-  overflow: hidden;
-  position: relative;
-  border: 8px solid #333;
-}
-
-.mobile-screen::before {
-  content: '';
-  position: absolute;
-  top: 10px;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 60px;
-  height: 4px;
-  background: #333;
-  border-radius: 2px;
-  z-index: 10;
-}
-
-.mobile-screen .preview-header {
-  padding: 20px 16px 12px;
-  border-bottom: 1px solid #f0f0f0;
-  background: #fff;
-}
-
-.mobile-screen .preview-header h3 {
-  font-size: 16px;
-  margin: 0 0 8px 0;
-  color: #262626;
-  font-weight: 600;
-}
-
-.mobile-screen .preview-meta {
-  display: flex;
-  gap: 6px;
-  flex-wrap: wrap;
-}
-
-.mobile-screen .preview-content {
-  padding: 16px;
-  padding-top: 50px;
-  height: calc(100% - 30px);
-  overflow-y: auto;
-}
-
-.mobile-screen .empty-preview {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 200px;
-  color: #8c8c8c;
-  font-size: 14px;
-}
-
-.mobile-screen .content-preview {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.mobile-screen .preview-component {
-  background: #f9f9f9;
-  border-radius: 8px;
-  padding: 12px;
-}
-
-.mobile-screen .text-preview pre {
-  font-size: 14px;
-  line-height: 1.5;
-  margin: 0;
-  white-space: pre-wrap;
-  word-break: break-word;
-  color: #262626;
-}
-
-.mobile-screen .image-preview img {
-  width: 100%;
-  height: auto;
-  border-radius: 6px;
-}
-
-.mobile-screen .placeholder-image,
-.mobile-screen .placeholder-video {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 120px;
-  background: #f0f0f0;
-  border-radius: 6px;
-  color: #8c8c8c;
-  font-size: 14px;
-}
-
-.mobile-screen .image-caption {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: #8c8c8c;
-}
-
-.mobile-screen .video-preview video {
-  width: 100%;
-  height: auto;
-  border-radius: 6px;
-}
-
-.mobile-screen .video-cover-preview {
-  position: relative;
-  display: inline-block;
-  width: 100%;
-}
-
-.mobile-screen .video-cover-preview img {
-  width: 100%;
-  height: auto;
-  border-radius: 6px;
-}
-
-.mobile-screen .video-cover-preview .play-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 40px;
-  height: 40px;
-  background: rgba(0, 0, 0, 0.6);
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  font-size: 16px;
-}
-
 .settings-panel,
 .preview-panel {
   display: flex;

jeecgboot-vue3/src/views/applet/course-page/components/MobilePreview.vue

@@ -0,0 +1,280 @@
+<template>
+  <div class="mobile-preview-section">
+    <div class="panel-header">
+      <span>手机预览<span style="font-size: 12px; color: #999;">（该预览经供参考，请以实际手机为准）</span></span>
+      <a-button size="small" @click="handleRefresh">
+        <Icon icon="ant-design:reload-outlined" />
+      </a-button>
+    </div>
+    <div class="panel-content">
+      <div class="mobile-preview-container">
+        <div class="mobile-screen">
+          <div class="preview-content">
+            <div v-if="contentComponents.length === 0" class="empty-preview">
+              <p>暂无内容，请在左侧添加内容组件</p>
+            </div>
+            <div v-else class="content-preview">
+              <div v-for="(component, index) in contentComponents" :key="index" class="preview-component">
+                <!-- 文本预览 -->
+                <div v-if="component.type === 'text'" class="text-preview" :class="{ 'text-english': component.language === 'en' }">
+                  <div class="text-language-tag">{{ component.language === 'en' ? 'EN' : '中' }}</div>
+                  <pre>{{ component.content || '文本内容...' }}</pre>
+                </div>
+                <!-- 图片预览 -->
+                <div v-else-if="component.type === 'image'" class="image-preview">
+                  <img v-if="component.imageUrl" :src="component.imageUrl" :alt="component.alt" />
+                  <div v-else class="placeholder-image">图片预览</div>
+                  <p v-if="component.alt" class="image-caption">{{ component.alt }}</p>
+                </div>
+                <!-- 视频预览 -->
+                <div v-else-if="component.type === 'video'" class="video-preview">
+                  <div v-if="component.url" class="video-container">
+                    <video :src="component.url" :poster="component.coverUrl" controls></video>
+                  </div>
+                  <div v-else class="placeholder-video">
+                    <div v-if="component.coverUrl" class="video-cover-preview">
+                      <img :src="component.coverUrl" alt="视频封面" />
+                      <div class="play-icon">▶</div>
+                    </div>
+                    <div v-else>视频预览</div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { Icon } from '/@/components/Icon/index';
+
+// 定义组件属性
+interface Props {
+  contentComponents: Array<{
+    type: string;
+    content?: string;
+    language?: string;
+    imageUrl?: string;
+    alt?: string;
+    url?: string;
+    coverUrl?: string;
+  }>;
+}
+
+// 定义事件
+interface Emits {
+  (e: 'refresh'): void;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  contentComponents: () => []
+});
+
+const emit = defineEmits<Emits>();
+
+// 处理刷新事件
+const handleRefresh = () => {
+  emit('refresh');
+};
+</script>
+
+<style lang="less" scoped>
+.mobile-preview-section {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid #e8e8e8;
+  border-radius: 6px;
+  background: #fff;
+}
+
+.panel-header {
+  padding: 16px 24px;
+  border-bottom: 1px solid #e8e8e8;
+  background: #fafafa;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.panel-header span {
+  font-size: 16px;
+  font-weight: 500;
+  color: #262626;
+}
+
+.panel-content {
+  flex: 1;
+  padding: 24px;
+  overflow-y: auto;
+}
+
+/* 手机预览样式 */
+.mobile-preview-container {
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  padding: 20px;
+  background: #f5f5f5;
+  min-height: 500px;
+}
+
+.mobile-screen {
+  width: 375px;
+  height: 667px;
+  background: #fff;
+  border-radius: 20px;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+  overflow: hidden;
+  position: relative;
+  border: 8px solid #333;
+}
+
+.mobile-screen::before {
+  content: '';
+  position: absolute;
+  top: 10px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 60px;
+  height: 4px;
+  background: #333;
+  border-radius: 2px;
+  z-index: 10;
+}
+
+.mobile-screen .preview-content {
+  padding: 16px;
+  padding-top: 50px;
+  height: calc(100% - 30px);
+  overflow-y: auto;
+}
+
+.mobile-screen .empty-preview {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 200px;
+  color: #8c8c8c;
+  font-size: 14px;
+}
+
+.mobile-screen .content-preview {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.mobile-screen .preview-component {
+  background: #f9f9f9;
+  border-radius: 8px;
+  padding: 12px;
+}
+
+.mobile-screen .text-preview {
+  position: relative;
+}
+
+.mobile-screen .text-preview pre {
+  font-size: 14px;
+  line-height: 1.5;
+  margin: 0;
+  white-space: pre-wrap;
+  word-break: break-word;
+  color: #262626;
+}
+
+.mobile-screen .text-preview.text-english pre {
+  font-family: 'Arial', 'Helvetica', sans-serif;
+  font-style: italic;
+}
+
+.mobile-screen .text-language-tag {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  background: #1890ff;
+  color: white;
+  font-size: 10px;
+  padding: 2px 6px;
+  border-radius: 2px;
+  font-weight: bold;
+}
+
+.mobile-screen .text-preview.text-english .text-language-tag {
+  background: #52c41a;
+}
+
+.mobile-screen .image-preview img {
+  width: 100%;
+  height: auto;
+  border-radius: 6px;
+}
+
+.mobile-screen .placeholder-image,
+.mobile-screen .placeholder-video {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 120px;
+  background: #f0f0f0;
+  border-radius: 6px;
+  color: #8c8c8c;
+  font-size: 14px;
+}
+
+.mobile-screen .image-caption {
+  margin: 8px 0 0 0;
+  font-size: 12px;
+  color: #8c8c8c;
+}
+
+.mobile-screen .video-preview video {
+  width: 100%;
+  height: auto;
+  border-radius: 6px;
+}
+
+.mobile-screen .video-cover-preview {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+}
+
+.mobile-screen .video-cover-preview img {
+  width: 100%;
+  height: auto;
+  border-radius: 6px;
+}
+
+.mobile-screen .video-cover-preview .play-icon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 40px;
+  height: 40px;
+  background: rgba(0, 0, 0, 0.6);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-size: 16px;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .mobile-preview-container {
+    padding: 10px;
+  }
+  
+  .mobile-screen {
+    width: 320px;
+    height: 568px;
+  }
+}
+</style>

jeecgboot-vue3/src/views/applet/course-page/components/WordTable.vue

@@ -0,0 +1,453 @@
+<template>
+  <div class="word-table-container">
+    <div class="table-header">
+      <h3>重点单词</h3>
+      <div class="header-actions">
+        <a-button type="primary" @click="handleAdd">
+          <template #icon><PlusOutlined /></template>
+          添加单词
+        </a-button>
+        <a-button 
+          type="primary" 
+          danger 
+          :disabled="selectedRowKeys.length === 0"
+          @click="handleBatchDelete"
+        >
+          <template #icon><DeleteOutlined /></template>
+          批量删除
+        </a-button>
+      </div>
+    </div>
+    
+    <a-table
+      :columns="columns"
+      :data-source="dataSource"
+      :loading="loading"
+      :pagination="pagination"
+      :row-selection="rowSelection"
+      row-key="id"
+      @change="handleTableChange"
+    >
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <a-space>
+            <a-button type="link" size="small" @click="handleEdit(record)">
+              <template #icon><EditOutlined /></template>
+              编辑
+            </a-button>
+            <a-popconfirm
+              title="确定要删除这个单词吗？"
+              @confirm="handleDelete(record.id)"
+            >
+              <a-button type="link" size="small" danger>
+                <template #icon><DeleteOutlined /></template>
+                删除
+              </a-button>
+            </a-popconfirm>
+          </a-space>
+        </template>
+        <template v-else-if="column.key === 'image'">
+          <div class="image-cell">
+            <img 
+              v-if="record.image" 
+              :src="record.image" 
+              :alt="record.word"
+              class="word-image"
+              @error="handleImageError"
+            />
+            <span v-else class="no-image">无图片</span>
+          </div>
+        </template>
+        <template v-else-if="column.key === 'soundmark'">
+          <span class="phonetic-text">{{ record.soundmark }}</span>
+        </template>
+      </template>
+    </a-table>
+
+    <!-- 添加/编辑单词弹窗 -->
+    <a-modal
+      v-model:open="modalVisible"
+      :title="modalTitle"
+      :confirm-loading="confirmLoading"
+      @ok="handleModalOk"
+      @cancel="handleModalCancel"
+      width="800px"
+    >
+      <a-form
+        ref="formRef"
+        :model="formData"
+        :rules="formRules"
+        :label-col="{ span: 4 }"
+        :wrapper-col="{ span: 18 }"
+      >
+        <a-form-item label="单词" name="word">
+          <a-input v-model:value="formData.word" placeholder="请输入单词" />
+        </a-form-item>
+        
+        <a-form-item label="图片" name="image">
+          <JImageUpload 
+            v-model:value="formData.image" 
+            :fileMax="1"
+            listType="picture-card"
+            text="上传图片"
+            bizPath="course"
+            :accept="['image/*']"
+          />
+        </a-form-item>
+        
+        <a-form-item label="释义" name="paraphrase">
+          <a-textarea 
+            v-model:value="formData.paraphrase" 
+            placeholder="请输入释义"
+            :rows="3"
+          />
+        </a-form-item>
+        
+        <a-form-item label="音标" name="soundmark">
+          <a-input v-model:value="formData.soundmark" placeholder="请输入音标，如：/ˈhæpɪ/" />
+        </a-form-item>
+        
+        <a-form-item label="知识收获" name="knowledge">
+          <a-textarea 
+            v-model:value="formData.knowledge" 
+            placeholder="请输入知识收获"
+            :rows="4"
+          />
+        </a-form-item>
+      </a-form>
+    </a-modal>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted, computed, watch } from 'vue'
+import { message } from 'ant-design-vue'
+import { PlusOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons-vue'
+import { JImageUpload } from '/@/components/Form'
+import { list, saveOrUpdate, deleteOne, batchDelete } from '/@/api/applet/coursePageWord'
+
+interface WordRecord {
+  id?: string
+  word: string
+  image?: string
+  paraphrase: string
+  soundmark: string
+  knowledge: string
+  pageId?: string
+}
+
+interface Props {
+  coursePageId?: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  coursePageId: ''
+})
+
+// 表格列定义
+const columns = [
+  {
+    title: '单词',
+    dataIndex: 'word',
+    key: 'word',
+    width: 150,
+  },
+  {
+    title: '图片',
+    dataIndex: 'image',
+    key: 'image',
+    width: 100,
+  },
+  {
+    title: '释义',
+    dataIndex: 'paraphrase',
+    key: 'paraphrase',
+    ellipsis: true,
+  },
+  {
+    title: '音标',
+    dataIndex: 'soundmark',
+    key: 'soundmark',
+    width: 150,
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 150,
+    fixed: 'right',
+  },
+]
+
+// 响应式数据
+const loading = ref(false)
+const dataSource = ref<WordRecord[]>([])
+const selectedRowKeys = ref<string[]>([])
+const modalVisible = ref(false)
+const confirmLoading = ref(false)
+const formRef = ref()
+
+// 分页配置
+const pagination = reactive({
+  current: 1,
+  pageSize: 10,
+  total: 0,
+  showSizeChanger: true,
+  showQuickJumper: true,
+  showTotal: (total: number) => `共 ${total} 条记录`,
+})
+
+// 表单数据
+const formData = reactive<WordRecord>({
+  word: '',
+  image: '',
+  paraphrase: '',
+  soundmark: '',
+  knowledge: '',
+})
+
+// 表单验证规则
+const formRules = {
+  word: [
+    { required: true, message: '请输入单词', trigger: 'blur' },
+    { max: 50, message: '单词长度不能超过50个字符', trigger: 'blur' },
+  ],
+  paraphrase: [
+    { required: true, message: '请输入释义', trigger: 'blur' },
+    { max: 500, message: '释义长度不能超过500个字符', trigger: 'blur' },
+  ],
+  soundmark: [
+    { max: 100, message: '音标长度不能超过100个字符', trigger: 'blur' },
+  ],
+  knowledge: [
+    { max: 1000, message: '知识收获长度不能超过1000个字符', trigger: 'blur' },
+  ],
+}
+
+// 行选择配置
+const rowSelection = computed(() => ({
+  selectedRowKeys: selectedRowKeys.value,
+  onChange: (keys: string[]) => {
+    selectedRowKeys.value = keys
+  },
+}))
+
+// 弹窗标题
+const modalTitle = computed(() => {
+  return formData.id ? '编辑单词' : '添加单词'
+})
+
+// 加载数据
+const loadData = async () => {
+  try {
+    loading.value = true
+    const params = {
+      pageNo: pagination.current,
+      pageSize: pagination.pageSize,
+      pageId: props.coursePageId,
+    }
+    
+    const result = await list(params)
+    
+    dataSource.value = result.records || []
+    pagination.total = result.total || 0
+  } catch (error) {
+  } finally {
+    loading.value = false
+  }
+}
+
+// 表格变化处理
+const handleTableChange = (pag: any) => {
+  pagination.current = pag.current
+  pagination.pageSize = pag.pageSize
+  loadData()
+}
+
+// 添加单词
+const handleAdd = () => {
+  resetForm()
+  modalVisible.value = true
+}
+
+// 编辑单词
+const handleEdit = (record: WordRecord) => {
+  Object.assign(formData, record)
+  modalVisible.value = true
+}
+
+// 删除单词
+const handleDelete = async (id: string) => {
+  try {
+    await deleteOne({ id }, () => {
+      message.success('删除成功')
+      loadData()
+    })
+  } catch (error) {
+    console.error('删除失败:', error)
+  }
+}
+
+// 批量删除
+const handleBatchDelete = async () => {
+  if (selectedRowKeys.value.length === 0) {
+    message.warning('请选择要删除的记录')
+    return
+  }
+  
+  try {
+    await batchDelete({ ids: selectedRowKeys.value.join(',') }, () => {
+      message.success('批量删除成功')
+      selectedRowKeys.value = []
+      loadData()
+    })
+  } catch (error) {
+    console.error('批量删除失败:', error)
+  }
+}
+
+// 弹窗确认
+const handleModalOk = async () => {
+  try {
+    await formRef.value.validate()
+    confirmLoading.value = true
+    
+    const params = {
+      ...formData,
+      pageId: props.coursePageId,
+    }
+    
+    await saveOrUpdate(params, !!formData.id)
+    
+    message.success(formData.id ? '更新成功' : '添加成功')
+    modalVisible.value = false
+    loadData()
+  } catch (error) {
+    console.error('保存失败:', error)
+    if (error.errorFields) {
+      // 表单验证失败
+      return
+    }
+  } finally {
+    confirmLoading.value = false
+  }
+}
+
+// 弹窗取消
+const handleModalCancel = () => {
+  modalVisible.value = false
+  resetForm()
+}
+
+// 重置表单
+const resetForm = () => {
+  Object.assign(formData, {
+    id: undefined,
+    word: '',
+    image: '',
+    paraphrase: '',
+    soundmark: '',
+    knowledge: '',
+  })
+  formRef.value?.resetFields()
+}
+
+// 组件挂载时加载数据
+onMounted(() => {
+  if (props.coursePageId) {
+    loadData()
+  }
+})
+
+// 监听coursePageId变化，重新加载数据
+watch(() => props.coursePageId, (newId) => {
+  if (newId) {
+    loadData()
+  } else {
+    // 如果coursePageId为空，清空数据
+    dataSource.value = []
+    pagination.total = 0
+  }
+}, { immediate: true })
+
+// 图片加载错误处理
+const handleImageError = (event: Event) => {
+  const img = event.target as HTMLImageElement
+  img.style.display = 'none'
+}
+
+// 暴露刷新方法给父组件
+defineExpose({
+  refresh: loadData,
+})
+</script>
+
+<style scoped>
+.word-table-container {
+  margin-top: 20px;
+  background: #fff;
+  border-radius: 6px;
+  padding: 16px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.table-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+}
+
+.table-header h3 {
+  margin: 0;
+  color: #1890ff;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.header-actions {
+  display: flex;
+  gap: 8px;
+}
+
+.phonetic-text {
+  font-family: 'Times New Roman', serif;
+  color: #666;
+  font-style: italic;
+}
+
+.image-cell {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.word-image {
+  width: 60px;
+  height: 60px;
+  object-fit: cover;
+  border-radius: 4px;
+  border: 1px solid #d9d9d9;
+}
+
+.no-image {
+  color: #999;
+  font-size: 12px;
+}
+
+:deep(.ant-table-tbody > tr > td) {
+  padding: 12px 16px;
+}
+
+:deep(.ant-table-thead > tr > th) {
+  background: #fafafa;
+  font-weight: 600;
+}
+
+:deep(.ant-modal-body) {
+  padding: 24px;
+}
+
+:deep(.ant-form-item-label > label) {
+  font-weight: 500;
+}
+</style>