开挂!小白用DeepSeek开发一个全栈小程序!保姆级教程!

来源: 开挂!小白用DeepSeek开发一个全栈小程序!保姆级教程!

大家好,我是程序员小孟。

最近用DeepSeek疯狂测试,进行系统的开发,极大地提高了工作效率。

现在的DeepSeek也可以接入到各种软件、微信中。

今天继续分享用DeepSeek开发一个全栈小程序,已经完美开发出来,全程无尿点,全部免费分享,手把手教学。

项目是帮一个铁粉开发的:

图片

 

掌握了本文的方法,即使是小白,也可以完美的开发出来你想要的程序。建议点赞、收藏、转发,防止以后找不到。

废话不多说,让我们开干。

一,需求生成,一分钟制作思维导图

首先打开DeepSeek,输入我们想要的需求:

请帮我整理景点旅游小程序需求,以markdown格式输出,我要做成思维导图

然后我们点击右上角的复制:

图片

下一步,在电脑本地新建一个 景点小程序.txt,把刚刚复制的内容全部粘贴进去,然后把后缀txt改成md。

图片

记得内容要保存下。

下一部分我们打开思维导图的软件:Xmind

图片

Xmind可以直接在我的公众号搜索,我把所有的软件都整理到一起了

直接获取:公众号回复:deepseek

下一步,我们首先选择文件,然后选择导入,最后选择Markdown

记得要选择你刚才保存的路径地址。

图片

图片

等待3秒钟的时间,就生成了一个思维导图。

图片

我们就把需求搞定了。

下一步我们继续,let‘s go!

二,后端代码生成

后端开发我们采用的是IDEA开发。可以再IDEA中配置DeepSeek,也可以在SpringBoot中配置DeekSeek。

前面的话,我整理了一套软件的安装,平时我开发都是用的这一套软件。

图片

对于IDEA的安装,可以去官网进行下载:

https://www.jetbrains.com.cn/idea/

如果不想下载的话,我也给你整理好了,直接获取:公众号回复:IDEA

下一步需要安装CodeGPT:

CodeGPT的安装,有两种方式,第一是线上的安装,第二是本地离线安装。

线上的安装,可以直接在商城中进行install。

具体步骤:

  1. 打开 Intelli IDEA并进入 File -> settings (Windows/Linux) 或者 Intelli] IDEA -> preferences,找到 plugins 选项卡

2.在 Plugins 页面点击右侧的 Marketplace 按钮,在搜索框内输入“CodeGPT” 进行查找。

3.如果找到了对应的插件,则点击 Install 来下载并安装该插件;如果没有发现官方渠道提供的 CodeGPT插件。

 

图片

然后填写Key的信息:

图片

注意去deepseek的api官网找到你的key信息,复制进去就行了,非常esay。

API key:
填入 DeepSeek API key
URL:
填入 https://api.deepseek.com/chat/completions

 

图片

到这一步,基本完事。

例如我们这里生成一个增删改查的代码。

图片

根据这个方法,我们可以生成想要的代码,最后的项目直接搞好:

图片

控制层代码都可以生成:

图片

除了将IDEA集成DeepSeek,还有一种方式,我们可以在SpringBoot中集成DeepSeek,这样也是可以方便后端的开发。

三,SpringBoot中集成DeepSeek

我们开始在SpringBoot中集成DeepSeek。

首先确保你已经获取了DeepSeek的官方SDK,并根据官方文档完成了必要的环境配置。

这个配置的方法,和上面是一样的。

添加依赖

在pom.xml文件中添加DeepSeek SDK相关的依赖:
<dependencies>

<dependency>

<groupId>com.deepseek</groupId>

<artifactId>deepseek-sdk</artifactId>

<version>1.0.0</version>

</dependency>

</dependencies>
>> 
生成控制层的代码:
//小孟微信:fly9996868
@RestController

@RequestMapping("/api/deepseekDemo")

public class DeepSeekController {

private final DeepSeekService deepSeekService;

@Autowired

public DeepSeekController(DeepSeekService deepSeekService) {

this.deepSeekService = deepSeekService;

}

@PostMapping("/demo")

public String train(@RequestBody String data) {

deepSeekService.trainModel(data);

return "你好,小孟";

}
}

}
生成服务层的代码:
//小孟微信:fly9996868
public class DeepSeekService {

private final DeepSeekDemo deepSeekDemo;

@Autowired

public DeepSeekService(DeepSeekDemo deepSeekDemo) {

this.deepSeekDemo = deepSeekDemo;

}

public void trainModel(String Demodata) {
deepSeekDemo.train(Demodata);

}

}

}

可以生成你想要的任何代码:

图片

做任何事都要耐心,跟到这里你已经成功了90%。

四,自动生成小程序代码

 

创建 HBuilderX 项目:
●打开 HBuilderX,选择“文件”->“新建”->“项目”。
●选择“uni-app”,填写项目名称,选择默认模版,点击启用uniCloud,点击选择阿里云,Vue版本选择2,点击“创建”。

图片

 

然后选择刚创建项目目录,点击导航栏运行到小程序模拟器查看页面效果。

图片

开发者工具中选择信任并运行,关掉编辑器和调试器可以更方便的查看页面效果。

图片

打开cursor。

图片

点击Continue,点击use Extensions。

图片

下面模式左边是允许Cursor收集使用数据,右边则是隐私模式,选择好后点击Continue。

图片

点击后会出现登录注册选择项,如果还没有账号需要点击右边按钮进行注册。

图片

登录后选择Open project打开创建好的小程序项目。

图片

点击最上方设置图标,选择Models,勾选deepseek-v3模型,其它模型都取消勾选。

图片

 

除了小程序端的开发,我们还需要进行前端的开发。

接下来我们就在cursor这个集成开发环境中调用deepseek去进行小程序的一个开发。使用快捷键ctrl+i呼出composer输入提示词。需要注意 @Codebase 前面有空格,这步是为了让deepseek去阅读整个代码文件。

图片

点击回车键发送提示词,代码编写好以后点击 Accept all确认修改,然后打开开发者工具查看效果。

图片

五,项目展示

根据需求和上面的步骤,在小程序端、前端、后端,我搞完了全部的系统。

小程序端:

图片

图片

图片

图片

后端:

图片

图片

图片

看了上面的教程,是不是感觉开发很简单的样子,欢迎更多的小伙伴学习。

如果大家需要,我会录制详细的视频,录制详细的开发过程。

程序员的未来不是被裁员,而是起飞。

码字不易,开发加文章弄了好几天,文章点赞、在看、转发 ,支持下,全部免费,就是我最大的开源动力,我会继续更新详细用DeepSeeK开发全栈小程序的教程!

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏