uniapp创建项目没有空白模板

您好，感谢您的提问。关于uniapp创建项目没有空白模板的问题，您可以在新建项目的时候选择“默认模板”，然后使用“清空页面”命令清空默认页面，即可得到空白模板。另外，您也可以选择使用其他模板进行开发，这些模板提供了各种默认的组件和功能，方便开发者快速搭建页面和实现功能。希望能够帮到您。如果您还有其他问题，欢迎继续向我提问。

相关问题

uniapp项目创建

### 创建 UniApp 项目的步骤

#### 准备工作
为了顺利创建 UniApp 项目，需提前准备好开发环境。推荐使用 DCloud 推出的 HBuilderX 开发工具，该IDE专门为前端开发者设计并优化了对UniApp的支持[^3]。

#### 新建项目
启动HBuilderX后，在欢迎界面选择“新建项目”，随后会弹出模板选项窗口。从中挑选`uni-app (Vue)`类别下的空白模版或是其他预设模版作为起点。

#### 配置基本信息
进入向导页面设置新工程的基础属性——指定保存路径、填写应用名以及描述信息等字段；确认无误后按下完成按钮即刻建立框架结构。

#### 安装依赖库
初次构建完成后建议立即执行npm install命令于终端内自动获取所需第三方模块，确保后续编码顺畅进行[^1]。

#### 添加UI框架-uView UI
对于希望快速搭建美观界面的应用来说，集成成熟的UI库是非常必要的环节之一。按照官方文档指引通过npm方式安装uview-ui，并参照说明调整配置文件使样式生效[^2]。

#### 测试运行效果
利用内置模拟器即时查看成果不失为一种高效的方法。只需右键单击编辑区内的任意html/js文件，选取“运行到浏览器/手机”菜单项就能便捷地检验当前进展状况。

# 执行此指令以初始化node_modules目录及其内部资源
npm install

uniapp选课项目

### UniApp 开发选课项目示例教程

#### 一、前言
随着移动应用的发展，使用跨平台框架如UniApp来构建高效的应用成为趋势。对于教育类应用场景中的选课系统而言，利用UniApp能够快速适配多终端设备并提供一致用户体验。

#### 二、技术架构概述
后端选用Spring Boot作为服务端逻辑处理的核心组件[^3]；前端则借助Vue.js的强大数据绑定能力和组件化机制完成页面渲染工作[^2]。而为了实现一次开发多端运行的目标，则引入了UniApp这一层封装，在其基础上搭建起整个应用程序结构[^1]。

#### 三、环境准备
在开始之前需确保已安装Node.js环境以及HBuilderX集成开发工具。通过npm命令行工具全局安装`@dcloudio/uni-cli`插件用于后续打包编译操作：

npm install @dcloudio/uni-cli -g

#### 四、创建新工程
启动HBuilderX之后点击菜单栏上的“文件->新建->项目”，选择模板类型为“空白的Unipage App”。按照向导提示填写相关信息直至完成创建过程。

#### 五、核心模块解析
##### （一）课程列表展示
此部分主要负责呈现可供学生挑选的具体科目信息。通常会涉及到网络请求获取远程服务器返回的数据集，并将其映射到视图上形成卡片式的布局效果。以下是简化版代码片段：

<template>
    <view class="course-list">
        <!-- 循环遍历courses数组 -->
        <block v-for="(item, index) in courses" :key="index">
            <navigator url="/pages/courseDetail/index?id={{item.id}}">
                <text>{{ item.name }}</text>
            </navigator>
        </block>
    </view>
</template>

<script>
export default {
    data() {
        return {
            courses: [] // 存储从接口拉取下来的课程详情
        }
    },
    onLoad() {
        this.fetchCourses();
    },
    methods: {
        async fetchCourses(){
            const res = await uni.request({
                url:'http://localhost/api/courses',
                method:"GET"
            });
            this.courses=res.data;
        }
    }
}
</script>

##### （二）个人信息维护
允许用户编辑个人资料以便于管理员审核身份真实性等功能需求。这里可以通过表单控件收集输入项再提交至后台保存更新记录。

<form @submit="formSubmit">
    <input type="text" name="name" placeholder="请输入姓名"/>
    ...
    <button formType="submit">确认修改</button>
</form>

<script>
methods:{
    formSubmit(e){
        let formData=e.detail.value;
        console.log(formData);
        /* 发送post请求携带参数 */
        uni.request({
            url:'/api/user/updateProfile',
            method:'POST',
            data:formData,
            success(res){
                if (res.statusCode === 200 && res.data.code===0){
                    uni.showToast({title:'修改成功'});
                }else{
                    uni.showModal({content:'修改失败',showCancel:false});
                }
            }
        })
    }
}
</script>

#### 六、总结说明
上述仅展示了两个较为基础的功能单元，实际业务场景下还需考虑诸如权限验证、支付结算等多个方面因素的影响。建议开发者们深入研究官方文档及相关开源实例加深理解掌握程度。