文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

网站项目开发学习手册

网站项目大致分为前端+后端开发,学习网站项目的开发与建设,不等同于任何一种单一语言的学习,例如苹果App开发其重心是围绕着Objective-C语言进行开发,只有使用到了其他语言的框架或者第三方库才会进行学习...例如:注册登录时,将不合理的请求通过JavaScript拦下来. ---- 发布网页 写好了交互网页,想让别人访问,便需要服务器进行发布,服务器是属于后端开发工程师掌握的,在大型公司里还会有运维工程师,...通过服务器配置,将网页发布到指定站点,用户访问指定URL便可请求到你发布的网页. ---- 数据网页 别人访问了你的网页,可你的网页并没有数据.网页数据不会凭空产生,没有数据的网页也就没有灵魂,即便拥有了交互...目前还没有接触到这里,好像是要学习wxml和wxss的. ---- 前后端分离网站项目 目前的网站项目趋势,就是有后端开发工程师,开发网站API文档,通过JSON进行数据传递,前端工程师访问指定接口,拿到数据...API 网站API文档 该文档由后端开发工程师放出,上面罗列了你请求什么接口,他返回什么数据.

2.7K60

前后端分离项目，如何解决跨域问题？

通常有两个思路： 前端使用 Nodejs 代理（开发环境下，生产环境下可以用 Nginx 替代） 或者后端开启跨域资源共享 一、关于跨域 跨域对于前后端开发者来说，就像一块狗皮膏药，无论是面试还是开发中...我们前面也提到了，前端使用 Nodejs 代理或者后端开启跨域资源共享，我们一一来实践下。...我们使用 Nodejs 来解决跨域问题的思路就是，在本地创建一个虚拟服务器，对 8080 端口下的前端请求进行代理，同时接收 9002 端口下的服务器端响应，这样服务端和服务端进行数据的交互就不会出现跨域问题了...VUE_APP_BASE_API: '"/api"' // VUE_APP_BASE_API: '"http://localhost:9002"' }) 第三步，重启前端服务 再次点击「登录」按钮...三、开启跨域资源共享 跨域资源共享，也就是 Cross-Origin Resource Sharing，简拼为 CORS，是一种基于 HTTP 头信息的机制，通过允许服务器标识除了它自己以外的资源，从而实现跨域访问

3K31
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    浅谈前后端分离（下篇）

    很多公司认为采用前后端分离之后，前后端只需要通过指定API进行交互即可，前端负责页面渲染，Nodejs负责路由分配，后端提供API。...我们怎么去存储用户数据，使用 LocalStorage 的话，还要考虑加密。 采用哪种认证方式来让用户登录，并保存相应的状态？ 是否有足够的技术来支撑前后端分离？...项目开发阶段，前后端分离是各自分工，协同敏捷开发，后端提供Restful API，并给出详细文档说明，前端人员进行页面渲染前台的任务是发送API请(GET,PUT,POST,DELETE等)获取数据（json...在我们这个项目里，我们是通过了mock来提供一些假数据，我们先规定好了API接口，设计出了一套API文档，然后我们就可以通过API文档，利用mock(http://mockjs.com)来返回一些假数据...前端服务器如何部署 nodejs前端服务器的职责 作为静态文件服务器，当用户访问网站的时候，将index.html以及其引入的js、css、fonts以及图片返回给用户 负责将客户端发来的ajax请求转发给后台服务器

    1.5K10

    社区网站系统 jsGen

    jsGen基于NodeJS编写服务器端程序，提供静态文件响应和REST API接口服务;基于AngularJS编写浏览器端应用，构建交互式网页UI视图;基于MongoDB编写数据存储系统。...jsGen基本原理：客户端浏览器发起访问请求后，NodeJS服务器先响应由AngularJS编写的Web应用，这个应用是由html模板、js和css静态文件组成。...客户端获取到AngularJS应用后，再由AngularJS与后台的NodeJS服务器API接口通信，根据用户请求交换数据，这些数据是纯粹json数据包，AngularJS获取到json数据包后再编译成相关页面展现给用户...特点： 前沿的WEB技术，前所未有的网站构架形态，前端与后端完全分离，前端由 AngularJS 生成视图，后端由 Node.js 提供REST API数据接口和静态文件服务。...jsGen针对robot访问，在服务器端动态生成robot专属html页面。搜索引擎Robot名称可在管理后台添加。

    2.8K50

    带你入门云开发实践总结篇

    tcb login 也可以使用下面的方式通过 API 秘钥直接登录，避免交互式输入 tcb login --apiKeyId xxx --apiKey xxx 3.3 创建项目 本地创建项目 tcb new...：该服务提供登录鉴权功能，用户在 CMS 管理界面通过通过用户名和密码来进行登录时，会通过 HTTP 来请求该函数；提供 API 接口功能，所有对内容的操作和管理都会经过此函数调用，内容操作会根据用户权限来进行数据库操作...：提供 CMS RESTful API 访问能力，所有 RESTful API 请求都会经过此函数调用 云存储，存放静态网站 存储图片、文件等 CMS 系统上传的文件。...形式访问 文档 https://docs.cloudbase.net/cms/usage/restful/intro 在系统设置中开启API访问 在项目设置中的 API 访问 Tab 设置允许通过...RESTful API 访问 然后复制访问连接，在postman中访问查看效果 API鉴权访问 在系统设置中开启API鉴权访问，并创建token 提示需要接口授权才可以访问 在请求头加入创建好的

    6.6K21

    【技术创作101训练营】用NodeJS来入门爬虫

    image.png 第四页演讲稿: 然后说为什么要有爬虫，嗯，比如搜索引擎可以去通过爬虫去爬取一些关键字和一些内容，然后方便我们去搜索; 然后还可以聚合信息，比如说一些内容网站, 比如头条等, 他们可以使用爬虫去整合其他的各个平台的信息...，又或者云+社区，可以定时的去入驻作者的站点去获取最新的文章, 发布到云+社区; 然后还可以进行一些自动化测试，比如说去通过代码自动化的访问页面, 进行里面的操作，然后去测试页面的功能性。...嗯，这两个库主要是使用一个真实浏览器访问页面, 来等页面请求数据并渲染后, 去通过选择器获取DOM拿到指定数据 image.png 第十页演讲稿: 接下来我们可以看一个示例，然后他主要去爬掘金的一个列表的文章的标题...然后去访问这个页面，在页面加载后，再去通过选择器拿到DOM，去拿到他们的数据，并且去打印出来。...puppeteer-api-zh_CN/#/ Cheerio中文文档: https://github.com/cheeriojs/cheerio/wiki/Chinese-README Got文档: https

    2.2K30

    MCP+边缘计算：一句话AI极速建站术

    用户只需通过自然语言描述需求，AI 即可生成完整的 HTML 网页内容，并自动调用 EdgeOne 边缘计算 API，将网站快速部署到 CDN 节点，生成可公开访问的链接。...EdgeOne Pages MCP 使用体验开始使用前，我们需要安装 NodeJS 运行环境，因为 MCP Server 本质上是一段运行在个人电脑上的 Node 或 Python 程序。.../pages/document/173172415568367616我已为大家准备好了精确链接，点击即可直接进入 EdgeOne Pages MCP 的文档页面：进入文档后，向下滚动找到一段 JSON...随意点击页面中的一个初始问题进行对话测试：系统首先进行联网搜索：并展示详细的思考过程：当前网站是通过模板创建的标准版本，我们可以通过修改代码进行个性化定制。...Pages 还提供了丰富的其他模板，包括内容管理、数据库管理、电商平台、个人博客等各种类型：使用这些模板可以一键快速部署全栈应用，轻松上线 SaaS 网站、电商平台等各类网站。

    1.3K64

    精神多了，当Swagger遇上YApi，瞬间高大上了！

    通过页面访问Yapi，默认账号密码为admin@admin.com:ymfe.org，访问地址：http://localhost:3000 ?...从Swagger自动同步 当我们的接口修改了，API文档如何同步呢，我们可以通过设置->Swagger自动同步来开启自动同步功能，有三种数据同步模式可以选择； ?...权限管理 如果有新的成员加入进来，需要查看API文档怎么办？ 首先可以通过注册界面注册一个成员账号，此处账号为test@qq.com:123456； ?...之后使用管理员账号登录，然后通过成员列表->添加成员，将用户添加到相应分组； ? 最后使用成员账号登录即可访问相应API文档了。 ? 总结 YApi结合Swagger使用果然很强大！...之前使用Postman结合Swagger使用时，文档查看、自动同步的问题都得到了解决，为了保证我们API文档访问的安全性还提供了权限管理功能。

    1.9K20

    实现前后端分离的心得

    为什么选择前后端分离 在以前传统的网站开发中，前端一般扮演的只是切图的工作，只是简单地将UI设计师提供的原型图实现成静态的HTML页面，而具体的页面交互逻辑，比如与后台的数据交互工作等，可能都是由后台的开发人员来实现的...而前端开发人员则可以利用nodejs来搭建自己的本地服务器，直接在本地开发，然后通过一些插件来将api请求转发到后台，这样就可以完全模拟线上的场景，并且与后台解耦。...如何做到前后端分离 (以下的内容都是基于我们的电影购票网站来讨论的) 前端的技术框架是: vue全家桶+nodejs+express(实现的是单页面(SPA)应用) 首先，先分清楚前后端的工作 前端的工作...在我们这个项目里，我们是通过了mock来提供一些假数据，我们先规定好了API接口，设计出了一套API文档，然后我们就可以通过API文档，利用mock(http://mockjs.com)来返回一些假数据...前端服务器如何部署 nodejs前端服务器的职责 作为静态文件服务器，当用户访问网站的时候，将index.html以及其引入的js、css、fonts以及图片返回给用户 负责将客户端发来的ajax请求转发给后台服务器

    2.5K10

    实现前后端分离的心得

    为什么选择前后端分离 在以前传统的网站开发中，前端一般扮演的只是切图的工作，只是简单地将UI设计师提供的原型图实现成静态的HTML页面，而具体的页面交互逻辑，比如与后台的数据交互工作等，可能都是由后台的开发人员来实现的...而前端开发人员则可以利用nodejs来搭建自己的本地服务器，直接在本地开发，然后通过一些插件来将api请求转发到后台，这样就可以完全模拟线上的场景，并且与后台解耦。...如何做到前后端分离 (以下的内容都是基于我们的电影购票网站来讨论的) 前端的技术框架是: vue全家桶+nodejs+express(实现的是单页面(SPA)应用) 首先，先分清楚前后端的工作 前端的工作...在我们这个项目里，我们是通过了mock来提供一些假数据，我们先规定好了API接口，设计出了一套API文档，然后我们就可以通过API文档，利用mock(http://mockjs.com)来返回一些假数据...前端服务器如何部署 nodejs前端服务器的职责 作为静态文件服务器，当用户访问网站的时候，将index.html以及其引入的js、css、fonts以及图片返回给用户 负责将客户端发来的ajax请求转发给后台服务器

    1.1K20

    10个最受欢迎的 JavaScript 框架，以及它们的主要特征和功能

    由于它的设计具有适应性，Vue 简化了与其他 JavaScript 库的项目集成。目前超过 36,000 个网站正在使用 Vue。...它基于 JavaScript 框架，可以集成到基于 JavaScript 构建的其他程序中。 详细的文档：开发人员总是喜欢使用带有详细文档的框架，因为他们总是很容易编写自己的第一个应用程序。...如果 API 设计正确，则 backbone 可以直接通过访问这些操作来进行读取、写入和删除操作。 6....NodeJS Node.js 是一个基于 Google Chrome 的 JavaScript 引擎构建的开源服务器端平台。使用 NodeJS 的网站数量已超过 84,000 个。...这意味着无需刷新页面即可查看更新。对文档的任何修改都会立即保存。这使得 Meteor 成为实时协作的完美解决方案。

    5.9K10

    开发者：Serverless 从懵比到实战

    ，所以本地缓存方式依旧是失效的，函数只能使用外存（比如Redis，数据库）进行缓存，而操作外存都需要通过网络，性能跟内存、本地硬盘相比差了一到两个数量级。...当然，仅仅只是这么测试一下自然很不过瘾，我还想能通过http请求的方式来访问这个云函数，又该怎么做呢？...具体操作步骤 这个时候我们其实已经可以通过url进行访问了，我们复制访问路径，然后在浏览器访问，就能看到我们云函数给我们返回的内容了。 ? 复制链接 ?...访问步骤 本地开发 介绍完在云平台上创建函数的方式，接下来就该介绍如何进行本地开发并部署的方式了： 1. 安装 这里将以Node作为开发语言进行演示，更多语言安装方式请参考官方文档。...你可以连接数据库操作，或者是发起请求等，根据你自己选取的语言来进行代码编写，笔者这里是选择的Nodejs环境进行调试。 不仅如此，我们可以配合其他Node框架 3.

    1.3K20

    当Swagger遇上YApi，瞬间高大上了！

    通过页面访问Yapi，默认账号密码为admin@admin.com:ymfe.org，访问地址：http://localhost:3000 ?...从Swagger自动同步 当我们的接口修改了，API文档如何同步呢，我们可以通过设置->Swagger自动同步来开启自动同步功能，有三种数据同步模式可以选择； ?...权限管理 如果有新的成员加入进来，需要查看API文档怎么办？ 首先可以通过注册界面注册一个成员账号，此处账号为test@qq.com:123456； ?...之后使用管理员账号登录，然后通过成员列表->添加成员，将用户添加到相应分组； ? 最后使用成员账号登录即可访问相应API文档了。 ? 总结 YApi结合Swagger使用果然很强大！...之前使用Postman结合Swagger使用时，文档查看、自动同步的问题都得到了解决，为了保证我们API文档访问的安全性还提供了权限管理功能。

    2.5K20

    感悟|前后分离真的好？

    为什么选择前后端分离 1.在以前传统的网站开发中，前端一般扮演的只是切图的工作，只是简单地将UI设计师提供的原型图实现成静态的HTML页面，而具体的页面交互逻辑，比如与后台的数据交互工作等，可能都是由后台的开发人员来实现的...而前端开发人员则可以利用nodejs来搭建自己的本地服务器，直接在本地开发，然后通过一些插件来将api请求转发到后台，这样就可以完全模拟线上的场景，并且与后台解耦。...如何做到前后端分离 (以下的内容都是基于我们的电影购票网站来讨论的) 前端的技术框架是: vue全家桶+nodejs+express(实现的是单页面(SPA)应用) 首先，先分清楚前后端的工作 1.前端的工作...在我们这个项目里，我们是通过了mock来提供一些假数据，我们先规定好了API接口，设计出了一套API文档，然后我们就可以通过API文档，利用mock(http://mockjs.com)来返回一些假数据...前端服务器如何部署 nodejs前端服务器的职责 1.作为静态文件服务器，当用户访问网站的时候，将index.html以及其引入的js、css、fonts以及图片返回给用户 2.负责将客户端发来的ajax

    58520

    Golang: gin-vue-admin框架介绍

    之后再使用yarn install 时，就不会再出现如上所述的问题了，出现其他同样类似情况也是同样的解决方案。...文档 2.3.1 安装 swagger （1）可以访问外国网站 go get -u github.com/swaggo/swag/cmd/swag 复制代码 （2）无法访问外国网站 由于国内没法安装 go.org...数据库：采用MySql(5.6.44)版本，使用 gorm 实现对数据库的基本操作。 缓存：使用Redis实现记录当前活跃用户的jwt令牌并实现多点登录限制。...API文档：使用Swagger构建自动化文档。 配置文件：使用 fsnotify 和 viper 实现yaml格式的配置文件。 日志：使用 zap 实现日志记录。 4....前端文件参考: web/src/view/superAdmin/api/api.vue 后台文件参考: server/router/sys_api.go 多点登录限制：需要在config.yaml中把system

    2.4K10

    从零到一搭建ThriveX现代化博客系统：超详细部署教程（基于1Panel面板）

    打开浏览器，访问「https://后端域名/doc.html」（如https://server.ccswust.net.cn/doc.html）能正常打开API文档页面，说明网站配置成功测试登录接口：在...API文档中找到「用户管理」→「用户登录」接口（POST/api/user/login）点击「调试」，输入参数：{"username":"admin","password":"123456"}点击「发送...），可在此填写，一行一个；代号：blog.ccswust.net.cn（建议与主域名一致，方便在网站列表中识别）；其他配置（如根目录、默认文档）保持系统默认；点击页面下方「确认」，等待30秒，前端网站创建完成...，使用新密码重新登录，验证修改成功。...：后端API文档可访问+控制端能正常登录+前端能显示并联动数据，三步验证全部通过，才表示部署真正成功。

    31310

    puppeteer学习----登录人才网并截图

    image.png 1.2 相关资料 推荐看官方文档,因为api变的很多,网上流传的一些教程只能看一部分,还有一部分api已经不能用了 GitHub仓库: https://github.com/GoogleChrome.../puppeteer 官方文档: https://pptr.dev/ 大佬们翻译的中文文档: https://zhaoqize.github.io/puppeteer-api-zh_CN 2.安装...puppeteer 2.1 当然要先安装NodeJS windows下直接访问官网下安装包傻瓜安装, 推荐按LTS版本 当然 windows也能用nvm, 我机子就用的nvm, 不过上次帮别人安的时候发现环境变量有点问题...Linux和Mac当然推荐直接通过nvm安装 参考资料: NodeJS中文: https://nodejs.org/zh-cn/ nvm: https://github.com/creationix/..., 例如test.js 2.写代码咯 引入依赖 const puppeteer = require('puppeteer'); 初始化配置, 以及访问页面 (async () => { const

    99510

    修改若依项目配置文件，本地启动项目

    ： addressEnabled: false 这个改成true试试 captchaType：这个对应的是登录页面的验证码的类型，可以根据自己的喜好进行调整 上图中的redis信息可以不改，在windows...index.html可以看到swaggerui的接口文档： 本地启动前端网站 代码目录下，ruoyi-ui文件夹下面的就是前端网站的代码，里面有一个README.md的文件，里面有介绍怎么启动网站：...这里注意有个前提，你的在本地安装好nodejs的环境，才能执行npm的命令。...npm的安装可以参考： Node.js环境搭建以及常见npm用法 注意事项： nodejs的版本不要安装太高，用最新的版本很容易出问题 ，我这里采用的是12的版本： 按照文档中的命令执行完之后...，输入npm run dev就可以本地启动项目： 登录之后的页面如下：

    3.2K20

    服务器小白的我,是如何将 node+mongodb 项目部署在服务器上并进行性能优化的

    域名 当然如果你的网站只用来自己用的话，可以不用买域名，因为可以通过服务器的公网 ip 来访问网站内容的。 如果购买了域名了，还要设置域名映射到相应的公网 ip ，不然也不能用。 域名解析 3....服务器上安装所需环境（本项目是 node 和 mongodb ） 3.1 登录服务器 因本人用的是 MacBook Pro ，所以直接打开 mac 终端，通过下面的命令行连接到服务器。...端口号 如果我们没有开放相应的端口， 比如我们的服务要用到 3000 ，就要开放 3000 的端口，不然是访问不了的；其他端口同理。...小兄弟你太天真了 … 太天真了 还有 防火墙 这一关呢，如果防火墙没有关闭或者相关的端口没有开放，也是不能用公网 IP 进行访问网站内容的。...比如：我的公网 ip 是 47.106.20.666，那么可以通过 http://47.106.20.666 即可访问前台展示，http://47.106.20.666:4444 即可访问管理后台的登录界面

    2.6K22
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券