【学习路线】Python Web开发 详细知识点学习路径(附学习资源)

thbcm阅读(295)

学习本路线内容之前,请先学习Python的基础知识

其他路线:

Python基础 >>

Python进阶 >>

Python爬虫 >>

Python数据分析(数据科学) >>

Python 算法(人工智能) >>

Python Web开发 >>

Python自动化运维 >>

符号表解释:

可根据知识点前的符号按需选学,并获取知识点描述和学习资源。

 必学:核⼼知识点,经常⽤到。

建议学:重要知识点,专业⼈⼠的基⽯。

⾯试重点:经常出现的⾯试知识点。

可有可⽆:边缘区域,不是必须探索的地⽅。

知识描绘:知识点描述,快速理解。

学习资源:关联的学习资源。

学习⽬标:阶段性⽬标。

学习路线:Web开发

1. 目标:开发在线商城

  • 目标:开发一个简单的在线商城,包括商品展示、购物车、订单管理等功能,使用Django的ORM进行数据库操作。

2.  Django框架

2.1 描述

  • Django:是一个用于构建Web应用程序的高级Python Web框架。

2.2 资源

2.3 安装Django

3. MVT 分层架构

3.1 描述

  • MVT:在Django中代表模型(Model),视图(View)和模板(Template),类似于MVC(模型-视图-控制器)模式。

3.2 组件

  • 模型(Model):定义数据模型,与数据库交互,处理数据的存储和检索。
  • 视图(View):处理用户请求,从模型中获取数据,并将数据传递给模板进行渲染。视图负责业务逻辑的处理。
  • 模板(Template):定义用户界面的呈现方式,接收来自视图的数据,并生成最终的HTML响应。

4. 模型与ORM

4.1  模型基础

  • 描述:Django提供了一个抽象的模型层,用于结构化和操作网页应用程序的数据。
  • 资源:模型基础

4.2  ORM

  • 描述:ORM代表“对象关系映射”,是一种编程技术,用于在关系型数据库和面向对象编程语言之间建立映射关系。

5. 视图与模板

5.1  视图

  • 功能:处理用户请求,从模型中获取数据,并将数据传递给模板进行渲染。

5.2  模板

  • 功能:定义用户界面的呈现方式,接收来自视图的数据,并生成最终的HTML响应。
  • 模板语法:学习Django模板的语法和功能。
  • 静态资源:管理静态文件,如CSS和JavaScript文件。

6. 路由与Django Admin

6.1 路由

  • 功能:定义URL与视图函数之间的映射关系,将请求路由到特定的视图函数。

6.2 Django Admin 管理工具

  • 功能:提供强大的管理后台工具,自动生成用于管理数据库模型的界面。

7. 中间件与测试

7.1 中间件

  • 功能:在请求和响应处理过程中执行自定义操作,如CSRF保护、安全性、缓存、日志记录等。

7.2 测试

  • 功能:编写单元测试和集成测试,确保应用程序的稳定性和正确性。

8. 会话与鉴权

8.1 会话

  • 功能:跟踪和存储用户状态信息,如登录状态、购物车内容等。

8.2 鉴权

  • 功能:实现用户身份验证、权限管理和访问控制。

9. 文件上传与高级特性

9.1 文件上传

  • 功能:允许用户上传文件,并使用Django的文件字段存储和管理这些文件。

9.2 高级特性

  • 分页:将大量数据分成多个页面以提高性能和用户体验。
  • 缓存:减轻数据库负载并提高响应速度。
  • 序列化:将复杂的Python对象转换为可传输的数据格式,如JSON或XML。
  • 信号:事件处理机制,允许应用的不同部分之间进行解耦和通信。
  • Celery任务调度:异步执行长时间运行的任务,提高应用程序的性能和可扩展性。

10. Restful API 开发

  • Django REST framework:构建API,创建可读性强、易于维护的网络接口。

11. 部署

  • 部署:将开发好的网站放到服务器上,使人们能够访问。涉及配置服务器、数据库和确保网站在线可用。

12. 项目实战

  • 实战:将所学应用到实际项目中,包括设计、开发、测试和部署网站。

13.  前端基础

13.1 HTML

13.2 CSS

  • 描述:层叠样式表,用于设置网页的布局和样式。
  • 资源:CSS入门课程>>>

13.3 JavaScript

14. Flask框架

14.1 描述

  • Flask:一个轻量级的Python Web应用框架,用于快速构建Web应用程序。Flask适合用来写一些简单的项目和API接口。

14.2 资源

豆包MarsCode:Python新手快速掌握Matplotlib绘图

thbcm阅读(290)

原标题:豆包MarsCode,我的 Python 搭子

Python 是一门简单易学、功能强大的编程语言,无论你是学生、职场新人还是想要转行的朋友,都可以轻松上手。

今天给各位 Python 小白分享一个实用的编程学习技巧,教你如何使用豆包MarsCode的 AI 辅助来快速掌握 Python 中的 Matplotlib 框架,利用碎片时间学习,轻松画出如下的数据图表哦!

为什么是 Matplotlib

Matplotlib 是 Python 中最常用的绘图库之一,功能强大且易于使用。无论你是数据分析师、科研人员还是学生,掌握 Matplotlib 都能让你的数据可视化工作事半功倍!

安装豆包MarsCode 编程助手

在启动编码工作前,我们需要先下载安装豆包MarsCode 插件,本教程以在 Visual Studio Code 中为例。

Visual Studio Code 是一款轻量级且功能强大的代码编辑器,插件丰富,界面友好,搭配免费的豆包MarsCode 编程助手,让智能 AI 辅助你学习编码,效率加倍!

下载并安装 Visual Studio Code

安装豆包MarsCode

打开 Visual Studio Code 扩展窗口,在搜索框搜索MarsCode,找到豆包MarsCode 后单击 「install」,完成安装。

登录豆包MarsCode

登录后即可使用豆包MarsCode 编程助手,开始我们今天的条形图绘制学习。

配置 Python 环境

配置 Python 环境是学习 Python 的第一步,它确保你拥有正确的工具和依赖,以便顺利编写、运行和调试代码。让 AI 来告诉你该如何做吧!

打开豆包MarsCode 插件面板,根据你的设备机型向 AI 助手进行提问“Mac 或 Windows 如何安装 Pyhton 环境?”,本篇后文将以 Mac 举例。

根据 AI 助手给出的回答,我们可以清晰了解配置 Python 环境的每个步骤,顺利完成配置。

在 AI 助手提供的命令行代码块上方点击插入到终端,点击回车即可执行。

使用 Matplotlib 绘制条形图

今天我们尝试使用 Matplotlib 来绘制中国四个直辖市的 GDP 条形图,更清楚地呈现四个直辖市经济发展水平。

要使用 Matplotlib 首先需要安装对应库,我们可以向 AI 助手提问:如何安装 Matplotlib?

中国的四个直辖市分别为北京市、上海市、天津市和重庆市,其 2017年上半年的GDP数据分别为12406.8亿、13908.57亿、9386.87亿、9143.64亿。对于这样一组数据,我们该如何使用条形图来展示各自的GDP水平呢?

我们可以先向 AI 助手进行提问:“中国的四个直辖市分别为北京市、上海市、天津市和重庆市,其2017年上半年的GDP分别为12406.8亿、13908.57亿、9386.87亿、9143.64亿,请帮我绘制一张条形图,其中轴标签为 GDP,标题为‘四个直辖市 GDP 大比拼’,刻度标签为‘北京市、上海市、天津市、重庆市’,Y 轴的标签范围为 5000 到 15000,同时需要对每个条形图添加数值标签,请生成对应代码。”

在 AI 提供的命令行代码块上方点击添加至新文件,回车即可自动创建新文件。

保存后我们点击右上角的执行按钮,即可产出一张条形图。

此时我们会发现所产出的条形图无法正常显示中文,这应该怎么办呢?别着急,AI 助手可以帮助我们解决这个问题。

我们可以向 AI 助手提问:“中文无法正常显示该怎么办?”

如果仍然未能正常显示,我们可以继续向 AI 助手追问解决方法,它会继续辅助我们找到合适的问题解决方案。

如果还想更改其他字体,也可以继续向 AI 助手提问,它会提供给我们更改字体的具体步骤,帮助我们顺利完成条形图项目。

步骤进行到这里,我们可以看到一张名为“四个直辖市 GDP 大比拼”的条形图就顺利生成了。

知识点总结

成功运行代码后还能够在 AI 助手的辅助下回顾相关知识点。我们可以先选中这段代码,然后向 AI 助手提问:“请总结这段代码中关于 Matplotlib 的知识点,帮助我学习这个库。”

可以看到 AI 助手很好地介绍了这段代码中涉及到的知识点,帮助我们进一步熟悉了 Matplotlib 框架。

今天的 Python 新手课堂就是这样啦,感兴趣的小伙伴速速点击豆包 MarsCode,借助豆包MarsCode 开启自己的编程之旅吧!

年轻人如何用豆包MarsCode完成暑期AI作业

thbcm阅读(304)

原标题:注意看,这届年轻人用豆包MarsCode 做暑期作业。

当我还吃着西瓜、吹着空调、刷着抖音的时候,突然想到:秋天来了,开学还会远吗?

更让我崩溃的是,突然想起老师布置的暑期作业还没开始写!我赶紧从床上跳起来看看作业是啥:“人人都来写一个 AI Agent”

虽然一暑假都在玩,但刷手机也让我发现一个新上线的 AI 编程助手:豆包MarsCode,听说可以用来学习代码。既然要做 AI 的作业,那我也要善用 AI 工具,今天我就来试试豆包MarsCode!‍

快速玩转仓库

首先我通过多年网上冲浪的经验,找到了一个非常满意的开源项目:https://github.com/andrewyng/translation-agent

没错,是吴恩达开源的 AI 翻译项目,不仅可以让我们调用 AI 来做翻译,还可以借助反思优化机制来调优翻译结果。

下载代码后,我直接打开 README 文件,满眼的英文让我头痛,于是我向 AI 助手提问:如何运行这个项目”,AI 助手迅速给我提供了运行这个项目的具体步骤,根据 AI 助手的指示,我一步一步操作,包括安装 Poetry,激活虚拟环境、配置 AI-Key 等。

功夫不负有心人,我成功 run 起来啦!英文成功翻译成了西班牙语。虽然我看不懂西语,但是成功运行起来的感觉十分不错。

高效阅读和修改代码

完成运行后,我也想深入理解下这段代码。于是我向 AI 助手提问:“当前使用的模型是什么”,可以看到,AI 助手顺利地帮我定位到了gpt-4o 模型。我又追问到:“我如何把这个模型更换成gpt-4-turbo”,AI 助手也可以帮我定位到模型引用部分,并给出详细的更换建议。

不过我觉得这个 case 还是有点太简单了,接下来让我给它上点难度。

目前翻译后的语言是西班牙语,但是我只能看懂汉语和德语,所以我想要把这段英文内容翻译成汉语和德语。我向 AI 助手求助:“如何让目标语言更换为德语、汉语两种语言”

输出内容教我改 example_script.py 文件。我按照输出内容更新,惊喜的是,我发现修改上文后,豆包MarsCode 可以结合我更新的内容给出下文的修改意见。

最终结合豆包MarsCode 的推荐意见,我完成了代码更新,并成功将原文翻译成了汉语和德语。

README 中说到,该项目主要可以实现反思和优化翻译的效果,从结果来看,这个翻译是已经优化过的。但怎么能明确地展示出原来翻译的结果和优化后的结果呢,让我来看看这个需要怎么修改。

首先我们先来阅读下源码,utils.py 这个文件中有多个函数,每个看起来都跟 LLM prompt 有关,于是我让 AI 助手帮我解释这些代码分别是做什么的:

我可以利用这些函数对 example_script.py 文件进行修改:我首先对 26 行内容进行了修改,把变量名和引用的函数进行了调整,然后在 32 行回车后,豆包MarsCode 给出了代码提示,看起来非常符合我的需要,一个 Tab 直接搞定!

我尝试着运行一下,看起来翻译优化的部分并不多,我猜有可能是原文太过简单了。

我又找了一篇论文摘要来翻译,从中文效果来看,的确更加地道了!

知识点总结

最后,让我来帮大家总结下豆包MarsCode 可以如何助力大家学习开源仓库:

  • 首先,运行仓库变得简单。只需要打开对话框,输入问题,AI 就可以帮你总结 README。
  • 其次,如果想询问项目中某段代码的含义或者如何修改某段代码,可以直接在问答中输入 /explain 来让 AI 助手解释。
  • 最后,在我想修改代码时,豆包MarsCode 不仅能够协助我续写代码,还可以对已有的代码进行修改。

听劝!用豆包MarsCode 做暑假作业真的太高效了,感兴趣的同学们点击豆包MarsCode 编程助手即可速速尝试哦!

【学习路线】Python爬虫 详细知识点学习路径(附学习资源)

thbcm阅读(366)

学习本路线内容之前,请先学习Python的基础知识

其他路线:

Python基础 >>

Python进阶 >>

Python爬虫 >>

Python数据分析(数据科学) >>

Python 算法(人工智能) >>

Python Web开发 >>

Python自动化运维 >>

符号表解释:

可根据知识点前的符号按需选学,并获取知识点描述和学习资源。

 必学:核⼼知识点,经常⽤到。

建议学:重要知识点,专业⼈⼠的基⽯。

⾯试重点:经常出现的⾯试知识点。

可有可⽆:边缘区域,不是必须探索的地⽅。

知识描绘:知识点描述,快速理解。

学习资源:关联的学习资源。

学习⽬标:阶段性⽬标。

学习路线:爬虫

一、爬虫基础

1. 爬虫概述:

描述: 自动化程序,用于从网页提取信息和数据。

目标: 新闻聚合器 (利用 Scrapy 爬取不同新闻网站的新闻,整合到一个平台)。

学习资源:

Python 静态爬虫入门课程 >>>

Python Scrapy 文档 >>>

Python Scrapy 入门课程 >>>

Python Scrapy 爬虫入门到实战 >>>

Python 爬虫示例(实战) >>>

Python 爬虫(实战) >>>

Python 模拟登录(实战) >>>

爬虫教程 >>>

2. 爬虫合法性: (必须学习,避免法律风险)

  • 知识产权:避免侵犯网站知识产权(数据、文字、图片、音视频等)。
  • 网络安全法:遵守中国网络安全法律法规,禁止网络攻击、破解、窃取、篡改等违法活动。
  • 隐私保护:不擅自收集、存储、传播他人个人隐私信息(身份证号、手机号等)。
  • 网站规则:遵守各网站的爬虫规则,尊重 robots.txt 文件。
  • 合同和协议:遵守网站提供的 API 或其他爬取协议。
  • 公序良俗:不传播违法、淫秽、暴力等有害信息。

二、数据抓取

1. 常用网络协议 (HTTP/HTTPS):

  • HTTP: 用于 Web 数据传输的协议,定义客户端和服务器通信规则。
  • HTTPS: HTTP 的安全版本,使用 SSL/TLS 加密数据传输。

2. HTTP 请求:

  • 学习资源>>> 
  • 请求头: 包含请求元数据 (请求方法、目标 URL、用户代理、请求时间等)。
  • 请求参数: 传递给服务器的数据 (GET 请求在 URL 中,POST 请求在请求体中)。
  • 请求类型: GET、POST、PUT、DELETE 等。

3. HTTP 响应:

  • 响应头: 包含响应元数据 (响应状态码、响应时间、服务器信息等)。
  • 响应参数: 服务器返回的数据 (网页内容、JSON 数据、图片等)。

4. Requests 模块: (流行的第三方库,易于使用)

  • 描述: 提供易于使用的 API 发送 HTTP 请求和处理响应 (GET、POST 等)。

学习资源:

Requests 中文文档 >>>

Python Requests 权威指南 >>>

5. urllib 模块: (Python 标准库,功能相对简单)

  • 描述: 提供基本的 HTTP 请求功能,无需额外安装。
  • 学习资源 >>>

三、模拟登录

  • 使用 Requests 库: 发送登录请求,提交用户名和密码,处理 Cookie 保持登录状态。
  • 使用 Selenium 库: 自动化浏览器操作,模拟用户交互完成登录 (适用于 JavaScript 生成的表单)。

四、网站抓取

1. 静态网站抓取:

  • 使用 Requests 库: 发送 GET 请求,获取 HTML 响应,使用解析库 (如 BeautifulSoup) 提取数据。
  • 使用 Scrapy 框架: 适用于爬取多个页面或网站,提供高级功能 (自动化页面遍历、数据存储、异步请求)。

2. 动态网站抓取:

  • 使用 Selenium 库: 自动化浏览器,等待页面加载完成,提取数据。
  • 使用无头浏览器: (如 Puppeteer, Playwright) 渲染 JavaScript 并提取内容。

五、无头浏览器

1. Selenium: 自动化测试工具,模拟用户在 Web 应用中的操作,支持多种编程语言和浏览器。

2. Puppeteer: Node.js 库,控制 Chrome 或 Chromium 浏览器进行自动化操作 (Web 抓取、测试、生成 PDF 等)。

六、数据解析

1. 常用标签 (HTML/XML): 基本的数据解析方法,通过标签名称、属性、层级结构定位和提取数据。

2. BeautifulSoup: Python 库,解析 HTML 和 XML,提供易于使用的 API 遍历文档树和提取数据。

3. 正则表达式: 强大的文本模式匹配工具,适用于简单的数据提取任务。

4. XPath: 在 XML 文档中定位和提取数据的语言,Python 中可使用 lxml 库处理。

七、数据导出

1. 文件:

  • Excel: 使用 openpyxl 或 pandas 库导出到 Excel 文件。
  • CSV: 使用 Python 内置库 csv 保存为 CSV 格式。

2. 数据库:

  • MongoDB: NoSQL 数据库,使用 pymongo 库存储数据。
  • MySQL: 关系型数据库,使用 mysql-connector 或其他 MySQL 连接库。

八、中间件

  • Redis: 内存数据库,用于缓存和快速存储临时数据,使用 redis-py 库。

九、Scrapy 框架

1. 核心概念:

  • 命令行工具: 创建、运行、调试和管理爬虫项目 (scrapy startproject, scrapy crawl, scrapy shell 等)。
  • Spiders (爬虫): 定义如何抓取网站的结构和行为 (继承 scrapy.Spider 类)。
  • Selectors (选择器): 从 HTML 或 XML 文档中提取数据 (XPath 和 CSS 选择器)。
  • Items (数据项): 结构化和存储从网页提取的数据 (用户自定义的 Python 字典或类)。
  • Item Loaders (数据加载器): 填充 Items,处理数据清洗、转换和预处理。
  • Pipelines (管道): 处理爬取的数据 (存储、清洗、验证、导出等)。
  • Scrapy Shell: 交互式工具,测试和调试 Scrapy 爬虫。
  • Link Extractors (链接提取器): 从页面中提取链接 (例如 LinkExtractor)。

2. 调度器: 管理爬虫的任务队列,控制爬取流程和顺序。

3. 分布式爬虫: 将爬虫任务分散到多个节点或机器上,提高效率、速度和容错性。

4. 部署: 将爬虫系统部署到生产环境中运行。

十、并发异步爬虫

  • aiohttp: 基于 asyncio 的异步 HTTP 请求库,构建高性能、可伸缩的 Web 服务和应用。
  • asyncio: Python 标准库,提供对异步编程的支持 (异步 I/O、协程和任务)。

十一、高级爬虫技术

  • IP 代理: 隐藏真实 IP 地址,绕过访问限制,提高爬取速度和匿名性。
  • 验证码识别: 使用图像处理、机器学习或深度学习技术 (如 CNN) 自动识别和破解验证码。
  • APP 抓取: 模拟移动应用的请求和交互获取数据 (使用 Charles、Fiddler 等抓包工具)。
  • 增量式爬虫: 只爬取自上次爬取以来有更新的数据,提高效率。

十二、反爬虫技术

  • 请求头限制: 限制或检查 HTTP 请求的头部信息 (User-Agent, Referer 等)。
  • 验证码: 识别用户是否为人类的机制。
  • 黑白名单: 控制访问,阻止或允许特定用户或 IP 地址访问网站。
  • 封禁 IP: 根据恶意行为封禁特定 IP 地址。
  • 数据加密: 将数据转换为不可读的形式。
  • 数据混淆: 改变数据的格式或结构,使其难以理解或解析。
  • 行为分析: 监控和分析用户或爬虫的行为,检测异常活动。

C++入门课程:开启你的编程之旅

thbcm阅读(292)

在这个技术日新月异的时代,掌握一门编程语言就像是拥有了打开未来世界大门的钥匙。而C++,作为一门功能强大、应用广泛的编程语言,无疑是众多程序员的首选。今天,我要向大家推荐一个由编程狮精心打造的C++入门课程,它不仅能够帮助你快速入门C++,还能让你在编程的道路上越走越远。

课程亮点

  1. 全面覆盖C++基础知识:我们的课程涵盖了8个单元的知识点,通过8次小节训练和2次综合训练,让你系统地掌握C++的基础知识和核心概念。
  2. 适合人群广泛:无论你是编程新手还是有一定基础的程序员,只要你对编程语言设计有所了解,这门课程都能让你有所收获。
  3. 实战训练:通过实际编程练习,你将能够将理论知识转化为实战技能,提升你的编程能力。
  4. 随时随地学习:下载编程狮App,让你可以在手机端随时随地继续学习,充分利用碎片时间。

用户评价

我们的课程受到了广大学员的一致好评:

最后

如果你已经对C++有所了解,或者想要提升自己的编程技能,那么这门课程绝对是你的不二之选。点击下方链接,加入我们的C++入门课程,开启你的编程之旅吧!

立即加入C++入门课程

快速集成AI到Java项目:豆包MarsCode与Coze API教程

thbcm阅读(624)

原标题:简单几步,快速让你的 Java 项目拥有 AI 能力

Java 是一种面向对象的编程语言,广泛应用于企业级应用开发、Web 开发、移动应用开发(Android 应用主要使用 Java 或 Kotlin 编写)、大数据处理等众多领域。它是一门成熟、稳定且不断发展的编程语言,拥有庞大的开发者社区和丰富的学习资源。

在当前的 AI 时代下,如何能让自己的项目快速拥有 AI 能力呢?今天要跟大家分享的是:使用豆包MarsCode AI 快速生成调用 Coze API 的能力,分分钟让自己的服务拥有更加强大的 AI 能力!

为什么是 Coze

Coze 提供多种大模型的接入和一定的免费额度,其成熟的 API,非常便于用户的调用。

我们需要在 Coze 中发布一个 Bot 作为 API 的载体,同时申请一个访问令牌,用于调用 API。

生产 Coze 的调用凭证

发布一个 Bot

Bot 发布为 API 服务之后,才能通过调用 API 的方式使用这个 Bot,例如查看 Bot 的基本设置、发起一个 Bot 对话等。

操作步骤如下:

  • 进入目标空间,创建一个 Bot 或选择一个已创建的 Bot;
  • 在编排页面,单击发布;
  • 在发布页面,选择 Agent as API 选项,然后单击发布。

获得 Bot Id

从浏览区复制出 bot_id,这是调用 API 的参数之一。

获取访问令牌

调用 Coze API 时,你需要在 Header 中通过 Authorization 参数指定访问令牌(Access token),Coze 服务端会根据访问令牌验证调用方的操作权限。调用 API 之前,你需要先获得访问令牌。

个人访问令牌:通过控制台生成的访问令牌,有效期为一天以上,使用简单便捷,适用于测试场景。你可以随时调整令牌权限和有效期,到期后需要重新生成。

  1. 登录 Coze 平台。
  2. 在左侧菜单栏下方,点击个人头像,并在弹出菜单中单击 Coze API。
  3. 在 Coze API 页面,进入授权 > 个人访问令牌页签。
  4. 单击添加新令牌。
  5. 在弹出的页面完成以下配置,然后单击确定。
  6. 复制并妥善保存个人访问令牌。
    • 生成的令牌仅在此时展示一次,请即刻复制并保存;
    • 不要与他人共享你的个人访问令牌,也不要在浏览器或其他客户端代码中暴露个人访问令牌信息。

安装豆包MarsCode AI 编程助手‍‍

在启动编码工作前,我们需要先下载安装 VSCode 并安装豆包MarsCode 编程助手,VSCode 是一款轻量级但功能强大的代码编辑器,插件丰富,界面友好,搭配免费的豆包MarsCode 编程助手,让智能 AI 辅助你学习编码,效率加倍!

配置 Java 环境

配置 Java 环境是学习 Java 的第一步,它确保你拥有正确的工具和依赖,以便顺利编写、运行和调试代码。让 AI 来告诉你该如何做吧!

打开豆包MarsCode 插件面板,根据你的设备机型提问 AI :“Mac 或 Windows 如何安装 Java 环境?,后文将以 Mac 举例。

根据 AI 给出的回答,我们可以清晰地了解配置 Java 环境的每个步骤,在 AI 提供的命令行代码块上方点击插入到终端,回车即可执行。

生成调用 Coze API 的代码

我们可以看到 Coze 官方的 API 样例(https://sourl.cn/Xnaank)并不是 Java 格式,无法直接用在我们的 Java 项目中。

我们可以让豆包MarsCode AI 来帮我们用 Java 写出调用 Coze API 的代码。

import java.io.BufferedReader;
import java.io.DataOutputStream;
import java.io.IOException;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.URL;
public class CurlToJava {
    public static void main(String[] args) {
        String url = "https://api.coze.cn/v3/chat";
        String token = "pat_OYDacMzM3WyOWV3Dtj2bHRMymzxP****";
        String data = "{" + "\"bot_id\": \"73428668*****\"," + "\"user_id\": \"123123***\"," + "\"stream\": false," + "\"auto_save_history\":true," + "\"additional_messages\":[{" + "\"role\":\"user\"," + "\"content\":\"早上好\"," + "\"content_type\":\"text\"" + "}]" + "}";
        sendPostRequest(url, token, data);
    }
    public static String sendPostRequest(String url, String token, String data) {
        try {
            URL obj = new URL(url);
            HttpURLConnection con = (HttpURLConnection) obj.openConnection();
            con.setRequestMethod("POST");
            con.setRequestProperty("Authorization", "Bearer " + token);
            con.setRequestProperty("Content-Type", "application/json");
            con.setDoOutput(true);
            DataOutputStream wr = new DataOutputStream(con.getOutputStream());
            wr.writeBytes(data);
            wr.flush();
            wr.close();
            int responseCode = con.getResponseCode();
            System.out.println("Response Code: " + responseCode);
            BufferedReader in = new BufferedReader(new InputStreamReader(con.getInputStream()));
            String inputLine;
            StringBuffer response = new StringBuffer();
            while ((inputLine = in.readLine()) != null) {
                response.append(inputLine);
            }
            in.close();
            String responseContent = response.toString();
            System.out.println("Response Content: " + responseContent);
            return responseContent;
        } catch (IOException e) {
            e.printStackTrace();
            return null;
        }
    }
}

在运行代码前,请将示例中的以下参数值替换成真实数据:

  • Authorization:生成的个人访问令牌,上述步骤中已经获取。
  • bot_id:Bot ID。

进入 Bot 开发页面,开发页面 URL 中 Bot 参数后的数字 Bot ID。例如https://www.coze.cn/space/341****/bot/73428668*****,bot ID 为73428668*****

替换后运行代码,可以看到,已经成功获取了数据返回。

Response Code: 200 Response Content: {
    "data": {
        "id": "7403713*****",
        "conversation_id": "7403713254******",
        "bot_id": "740333648******",
        "created_at": 1723811327,
        "last_error": {
            "code": 0,
            "msg": ""
        },
        "status": "in_progress"
    },
    "code": 0,
    "msg": ""
}

至此,我们已经成功联通了 Coze 的 AI Bot,可以直接在 Java 项目里使用 AI 能力!

感兴趣的朋友们赶快使用豆包MarsCode 体验下吧!点击豆包MarsCode即可体验~

5分钟掌握Python数据分析:豆包MarsCode新学期特训

thbcm阅读(324)

原标题: 新学期必看!豆包MarsCode 教你 5 分钟拿捏 Python 数据分析!

开学啦!!

听说,

有同学想在新学期多掌握几门技能?

有同学写毕设搞科研不会爬虫?

有文科生正心怀毕业转码梦?

作为一门实用且能够有效提升个人竞争力的技能,Python 的重要性不言而喻。新学期到了,各位壮志满怀想狠狠努力一把的同学们,快来跟着豆包MarsCode 零基础轻松上手 Python 啦!

在上一期「Python 新手课堂」中,我们已经学习了如何在豆包MarsCode 的帮助下完成中国四个直辖市北京市、上海市、天津市和重庆市的 GDP 数据条形图。

点击即学

但在日常应用中,我们往往需要进行多个数据之间的对比,今天就让我们一起学习如何使用豆包MarsCode 绘制分组条形图吧!

保姆级教学!各位 Python 新手小白速速码住学起来啦!

绘制分组条形图

如果我们想知道各个城市 GDP 和人口之间是否存在一些联系,期望把人口数和 GDP 值在图中进行对比,该如何操作呢?

我们可以直接向 AI 助手提问:

我期望绘制一个分组条形图,新增一列人口数与 GDP 情况做对比,北京市、上海市、天津市和重庆市人口总数分别为17801、19826、12778、25337,更改图表标题为「四个直辖市 GDP 与人口情况」,这段代码应该如何修改?

此时 AI 将返回对应的代码片段,从这个片段中我们可以看到,AI 在新增了一个分组展示人口数据,将代码插入文件中并运行,就完成了一个展示两组数据对比关系的分组条形图。

生成代码注释

仅需自然语言描述需求,AI 助手就帮助我们快速生成了绘图代码,可对于新上手的同学来讲还是很难看懂代码,很难理解到底是怎么实现分组效果的。别担心,让 AI 帮我们添加注释吧!

发送指令的方式如下:

  • 选中代码后点击右键会弹出菜单栏,鼠标悬停在「MarsCode」上方后选择“注释生成”。
  • 在侧边对话视图的输入框中输入「/doc」指令或自然语言描述,例如:为所选代码片段生成注释

注释生成后可以选择添加至光标处。

这样就顺利完成了右侧代码的整体替换。

完成操作后,我们就获得了一个包含非常详细注释内容的代码啦!

代码补全 —— 注释生成代码

豆包MarsCode 除了具备代码问答能力,还支持轻量注释生成代码的能力,想要实现什么功能直接写注释后「回车」就可以!

如下图,假设我们期望修改双列条形图的颜色,我们可以在代码对应位置添加自然语言注释后回车,AI 将根据需求自动补全代码片段,按「Tab」键即可采纳!采纳后运行就可以得到对应的结果啦。

今天的 Python 新手课堂就是这样,是不是非常简单好上手呢,看到这里的同学们可以点击豆包MarsCode立刻尝试哦!更多 Python 新手教程敬请期待~

这个新学期!

让我们一起支棱起来!

跟着豆包MarsCode 学Python

简直是:

AI制作社交名片教程:小白也能轻松上手的前端技能

thbcm阅读(301)

原标题:只需几步,小白也能用 AI 做出精致社交名片!

【用 AI 制作个人社交名片】

让小白也能轻松掌握前端技能

制作如下的个人社交名片

一起来学习

清晰的任务拆解思维

实用的提示词编写技巧

零基础友好的 AI 辅助开发体验

现在开始我们的 AI 编程打怪升级之旅吧~

任务拆解思维

整体到局部

将大任务分解为小任务是一项重要的能力。

以制作名片为例,我们可以这样拆解:

循序渐进

按照”先有后优”的原则,我们的开发过程是:

  • 先搭建基础框架
  • 再实现核心功能
  • 最后进行美化优化

接下来进入实操阶段,豆包MarsCode 启动!

分步骤拆解和实操

生成框架卡片

第一步让豆包MarsCode 生成初步框架

我想要制作一张名片,请使用常用的大小帮我用html代码制作一张名片。

为什么这样写呢?

  • 明确目标为【制作名片】
  • 指定要求为【常用大小】
  • 限定格式为【html 代码】

点击图片查看具体操作流程

接下来观察 AI 返回的代码,关注以下几点:

  • 整体结构是否完整
  • 尺寸是否合理
  • 基础样式是否存在

名片排版

将卡片分为左右两份,左边占35%,右边占剩余的65%。
左边区域使用清新的底色,使用 photo.png 作为头像;右边区域放置文字,所有文字左端对齐。

通过这段话,我们向豆包MarsCode 明确了三个需求:

  • 明确比例为【35:65】
  • 指定内容为【底色、头像、文字】
  • 描述文字及头像位置

点击图片查看具体操作流程

样式优化

接下来将针对配色、字体、排版及样式进行优化

使用「淡紫色和白色」的优化样式。

点击图片查看具体操作流程

使用「商务专业风格」方案优化我的字体。

点击查看具体操作流程

在上面的基础上,为标题、职位、联系信息(电话和邮箱)三项字体设计一套大小、配色方案,注意使用内联样式。

点击图片查看具体操作流程

在上面的基础上,右侧字体的“电话”、“邮箱” 使用 svg 图标元素,注意图标元素和文字元素水平上一定要对齐,使用 div 对齐。

点击图片查看具体操作流程

以上调整完毕后填入个人信息就OK啦!

使用个人信息

去掉“电话”“邮箱”两个词,使用我的个人信息:


云中江树


LangGPT作者


电话 123456789


邮箱 ethereal_ai@hotmail.com

点击图片查看具体操作流程

导出卡片

使用浏览器节点截图功能即可get成品~

点击图片查看具体操作流程

以上就是本期教程啦!

大家是否收获满满准备狂撒名片了呢?

点击【豆包MarsCode】即刻学习更多AI教程

Meta标签教程:提升网站SEO与用户体验的利器

thbcm阅读(335)

Meta标签HTML文档<head>部分的元素,它们提供了关于页面的元数据。这些标签对于搜索引擎优化(SEO)至关重要,因为它们帮助搜索引擎理解页面内容,并影响页面在搜索结果中的显示方式。本文将带你了解Meta标签的基础知识,并推荐一个在线工具,帮助你轻松生成Meta标签。

1. Meta标签的重要性

Meta标签不仅对搜索引擎至关重要,也对浏览器的行为有指导作用。它们可以控制页面的缓存行为、定义页面描述、指定关键词等,从而提高页面的可见性和用户体验。

2. HTTP-EQUIV和NAME属性

Meta标签主要分为HTTP-EQUIVNAME两大类:

HTTP-EQUIV属性

  • Content-TypeContent-Language:定义页面使用的字符集和语言。
  <meta http-equiv="Content-Type" content="text/html; Charset=UTF-8">
  <meta http-equiv="Content-Language" content="en">

  • Refresh:自动刷新页面或跳转到另一个页面。
  <meta http-equiv="Refresh" content="5; url=https://example.com">

  • Expires:设置页面在缓存中的过期时间。
  <meta http-equiv="Expires" content="0">

  • Pragma:禁止浏览器从本地缓存中调阅页面内容。
  <meta http-equiv="Pragma" content="no-cache">

NAME属性

  • Keywords:为搜索引擎提供关键字列表。
  <meta name="Keywords" content="SEO, 优化, 搜索引擎">

  • Description:提供网页的简短描述,通常显示在搜索结果中。
  <meta name="Description" content="这是关于SEO优化的详细描述。">

  • Robots:告诉搜索引擎哪些页面需要索引。
  <meta name="Robots" content="index, follow">

3. 在线Meta标签生成工具推荐

管理Meta标签可能看起来有些复杂,特别是对于初学者来说。幸运的是,有一个在线工具可以帮助你轻松生成这些标签:W3Cschool在线Meta标签生成工具

这个工具允许你根据需要定制Meta标签,你只需输入相关信息,它就能生成相应的HTML代码。以下是使用这个工具的一些优点:

  • 用户友好:直观的界面,无需任何技术知识即可操作。
  • 定制化:根据不同页面的需求,定制不同的Meta标签。
  • 即时生成:输入信息后,即时生成HTML代码,方便复制粘贴到你的网页中。

在线Meta标签生成工具的用途

在线Meta标签生成工具的用途非常广泛,它们可以帮助网站开发者和内容管理员在创建和管理网站时提高效率和效果。以下是一些主要用途:

  1. 搜索引擎优化(SEO)
    • 通过设置关键词(Keywords)和描述(Description)来提高页面在搜索引擎中的可见性和排名。
    • 使用Robots属性控制搜索引擎爬虫的索引行为,比如禁止索引(noindex)或禁止跟踪(nofollow)。
  2. 用户体验优化
    • 通过Content-Language属性指定页面语言,帮助搜索引擎正确地识别和展示页面内容。
    • 使用Refresh属性自动刷新页面或重定向到另一个页面,提升用户体验。
  3. 内容管理
    • 设置ExpiresPragma属性来控制页面缓存,确保用户访问的是最新内容。
    • 使用AuthorCopyright属性标注内容的作者和版权信息,保护知识产权。
  4. 技术兼容性和浏览器行为控制
    • 通过MSThemeCompatible属性控制是否在IE浏览器中使用XP主题。
    • 使用Window-target属性控制页面在新窗口或当前窗口打开,防止页面被框架嵌套。
  5. 安全和隐私
    • 通过Set-Cookie属性设置和管理用户会话和个性化设置。
    • 使用Pics-label属性设置网页的内容分级,保护未成年人免受不适当内容的影响。
  6. 网站维护和更新
    • 利用revisit-after属性告诉搜索引擎何时重新访问页面,加快网站更新后的索引速度。
  7. 跨平台和多设备适配
    • 通过Content-Type属性指定字符集,确保网站内容在不同设备和浏览器上正确显示。
  8. 社交媒体和内容共享
    • 虽然在线Meta标签生成工具不直接生成社交媒体特定的Meta标签,但基础的Meta标签设置可以辅助社交媒体平台更好地理解和展示分享的内容。
  9. 网站分析和监控
    • 通过Generator属性标识内容管理系统或编辑器,有助于网站分析和监控工具识别内容来源。

在线Meta标签生成工具通过简化Meta标签的创建和管理过程,使得网站管理员能够更专注于内容创作和网站发展策略,同时确保网站在技术和市场上保持竞争力。

在线Meta标签生成工具支持的标签属性

W3Cschool在线Meta标签生成工具支持以下Meta标签属性:

类别 属性名称 描述
HTTP-EQUIV Content-Type 定义页面使用的字符集。
HTTP-EQUIV Content-Language 定义页面使用的语言。
HTTP-EQUIV Refresh 控制页面自动刷新或跳转。
HTTP-EQUIV Expires 设置页面在缓存中的过期时间。
HTTP-EQUIV Pragma 控制页面缓存行为。
HTTP-EQUIV Set-Cookie 设置cookie。
HTTP-EQUIV Window-target 控制页面在哪个窗口打开。
HTTP-EQUIV Pics-label 设置网页的RSAC等级评定。
HTTP-EQUIV Page-Enter 和 Page-Exit 控制页面载入和退出时的特效。
HTTP-EQUIV MSThemeCompatible 控制是否在IE中关闭XP主题。
HTTP-EQUIV IE6 页面生成器信息。
HTTP-EQUIV Content-Script-Type 指明页面中脚本的类型。
NAME Keywords 为搜索引擎提供关键字列表。
NAME Description 提供网页的简短描述。
NAME Robots 告诉搜索引擎哪些页面需要索引。
NAME Author 标注网页的作者或制作组。
NAME Copyright 标注版权信息。
NAME Generator 编辑器的说明。
NAME revisit-after 告诉搜索引擎何时重新访问页面。

这些属性涵盖了大多数常用的Meta标签功能,可以帮助用户根据不同的需求生成相应的Meta标签。使用这个在线工具,用户可以快速生成适合自己网页的Meta标签,以优化搜索引擎的索引和提高用户体验。

如何使用W3Cschool在线Meta标签生成工具

使用W3Cschool在线Meta标签生成工具生成Meta标签的步骤如下:

  1. 访问工具页面: 打开浏览器,访问W3Cschool在线Meta标签生成工具的网页。
  2. 输入信息: 在工具页面上,你会看到不同的输入框,用于填写不同的Meta标签属性。根据你的需求,填写以下信息:
    • 字符集:选择或输入页面使用的字符集,如UTF-8
    • 页面描述:输入页面的简短描述,这将用于搜索引擎结果页的摘要。
    • 关键词:输入与页面内容相关的关键词,用逗号分隔。
    • 刷新时间:如果需要页面自动刷新,输入刷新的时间(秒)和目标URL。
    • 页面过期时间:设置页面在缓存中的过期时间。
    • 作者和版权:输入作者名称和版权信息。
    • 其他Meta标签:根据需要,填写其他Meta标签的名称和内容。
  3. 生成Meta标签: 填写完所有必要的信息后,点击页面上的“生成”按钮。工具会根据你提供的信息生成相应的Meta标签代码。
    <!--Meta 标签生成器 By http://www.w3cschool.cn/-->
    <META NAME="Title" CONTENT="在线Meta标签生成工具 - 定制化生成Meta标签 - W3Cschool">
    <META NAME="Author" CONTENT="编程狮">
    <META NAME="Subject" CONTENT="Meta 标签生成器">
    <META NAME="Description" CONTENT="W3Cschool提供的在线Meta标签生成工具可以帮助用户根据需求定制Meta标签,包括HTTP标题信息和页面描述信息。该工具支持生成Content-Type、Content-Language、Refresh等多种HTTP-EQUIV标签,以及Keywords、Description等NAME标签,助力网站优化和搜索引擎排名。">
    <META NAME="Keywords" CONTENT="Meta标签生成工具, HTTP-EQUIV, 页面描述信息, 网站优化, 搜索引擎排名, W3Cschool">
    <META NAME="Generator" CONTENT="Meta 标签生成器">
    <META NAME="Language" CONTENT="zh-CN">
    <META NAME="Expires" CONTENT="Wed, 27 Sep 2026 08:21:57 GMT">
    <META NAME="Abstract" CONTENT="Meta 标签生成器">
    <META NAME="Copyright" CONTENT="www.w3cschool.cn">
    <META NAME="Designer" CONTENT="编程狮">
    <META NAME="Publisher" CONTENT="Publisher">
    <META NAME="Revisit-After" CONTENT="请在此输入标题,Meta 标签生成器 Days">
    <META NAME="Distribution" CONTENT="Global">
    <META NAME="Robots" CONTENT="All">
  4. 复制代码: 生成的Meta标签代码会出现在页面的下方。检查代码是否符合你的需求,然后复制这些代码。
  5. 粘贴到网页: 打开你的HTML文件,找到<head>标签部分,将复制的Meta标签代码粘贴到<head>标签内部。
  6. 保存并测试: 保存HTML文件的更改,并在浏览器中打开你的网页以测试Meta标签是否生效。你可以通过查看网页源代码来确认Meta标签是否正确添加,或者使用浏览器的开发者工具来检查Meta标签。
  7. 提交给搜索引擎(如果需要): 如果你更新了网站的Meta标签,并且希望搜索引擎尽快索引更新后的内容,可以通过搜索引擎的网站管理员工具提交你的网站或页面。

使用这个工具可以大大简化Meta标签的生成过程,使得即使是没有编程背景的用户也能轻松地为他们的网页添加或更新Meta标签。

4. 结语

Meta标签是优化网站SEO和用户体验的重要工具。通过使用W3Cschool在线Meta标签生成工具,你可以轻松地为你的网站添加或更新Meta标签,提高网站在搜索引擎中的排名,增强用户体验。不妨现在就试试这个工具,让你的网站更加出色。

半小时学会搭建专业产品网站:豆包MarsCode教程

thbcm阅读(349)

原标题:用豆包MarsCode,半小时轻松学会搭建专业产品网站

教你快速搭建一个网站应用

手把手教零基础小白运用豆包MarsCode,从0到1打造自己的专属产品落地页

网页涵盖精美的个人产品简介页面、清晰的产品上架页面、个人兴趣社区入口等。

通过以上网页制作流程,你将掌握基础的豆包MarsCode 前端开发技能以及响应式网页设计原则,成为进阶 AI 编程学习者~

接下来就让我们一起进入网页应用搭建的学习!

课程准备

安装豆包MarsCode

在启动编码工作前,我们需要先下载安装豆包MarsCode 编程助手,本教程以在 Visual Studio Code 中为例。

打开 Visual Studio Code 扩展窗口,在搜索框搜索MarsCode,找到豆包MarsCode 后单击「install」,完成安装。

登录后即可使用豆包MarsCode 编程助手

为了顺利运行后续代码,你还需要完成 Node.jspnpm 的安装。

安装 Node.js

  1. 请先直接访问 Node.js 官网:https://nodejs.org/
  2. 下载并安装 LTS 版本 v18.20.5(长期支持版):
    • Windows:直接下载 .msi 安装包
    • Mac:直接下载 .pkg 安装包

  1. 验证安装: 打开命令行(终端)输入:node --version

安装 pnpm

  1. 打开终端,输入以下命令:
   npm install -g pnpm

  1. 验证安装: 输入 pnpm --version,如果显示版本号即安装成功!

产品网站搭建

准备好 Node.js、pnpm 后,就可以开始搭建网站框架了。

Step1

我们可以直接向 AI 助手提问:“请帮我创建一个 AI 产品落地页的基础框架,包含导航栏和 Hero 区域。产品名称是'口袋 AI',主标语是'将世界知识装进口袋',使用简单的 HTML 和 CSS 即可,配色以蓝色为主。

在 AI 助手的帮助下,我们成功生成了如下的产品网页页面。

Step2

我们的网页还需要一个能够展示产品特性的区域,我们可以继续向 AI 助手求助:请给网页添加一个产品特性展示区域,要求使用卡片式布局并给每个特性配上简单的图标。需展示的特性有如下四个:

  1. 基于中文模型优化的中文对话体验;
  2. 针对中文用户优化的交互界面;
  3. 智能网络错误处理与重试机制;
  4. 更适合中国用户的功能定制。

在豆包MarsCode AI 助手的协助下,我们成功为页面添加了产品特性展示区域。

Step3

如果还想让页面信息更加全面,我们可以向 AI 助手提出:“请在页面底部添加版本信息、展示区域、下载引导区域(CTA),制作简单的页脚并保持简洁的设计风格。

进行到这里,完整的产品网站就搭建成功了。

网站部署上线

一个简易的产品落地页完成后,具体视觉优化的部分可参考上节课的内容,接下来网站部署上线的部分,会用到 vercel。

想象 Vercel 就像是一个神奇的“网站搬运工”:
自动把你的代码变成可访问的网站
提供全球加速服务
完全免费的个人项目托管
极速部署,实时预览

进入 Dashboard

登录后你会看到 Vercel 控制台界面

导入项目

  1. 点击 “Import Project” 或 “dd New Project“;
  2. 选择 “Continue with GitHub“;
  3. 在列表中找到你的项目 pocket-ai-landing

配置部署

通常情况下,保持默认配置即可,包括:

  • Framework Preset: Next.js
  • Root Directory: ./
  • Build Command: next build

点击部署

  1. 点击 “Deploy” 按钮;
  2. 等待约 1-2 分钟;
  3. 看到绿色的 “Congratulations!” 就成功了!

部署成功后你将会获得一个域名,类似:https://aurora-landing-woad.vercel.app/,这样你就获得了自己的专属网页链接~

以上就是《用豆包MarsCode,半小时轻松学会搭建专业产品网站》的全部内容了,感兴趣的同学快使用豆包MarsCode 尝试一下吧!

联系我们