全栈实现一个网站的一些注意事项

最新推荐文章于 2024-07-19 14:16:29 发布

Drew609

最新推荐文章于 2024-07-19 14:16:29 发布

阅读量451

点赞数 11

文章标签： vue.js flask

本文链接：https://blog.csdn.net/qq_68774113/article/details/135729038

版权

由于自己也做了大大小小多个全栈内容的网站，也用到了不同的框架，所以在此想要总结一下自己的一些感受

前端

1.模块化

前端的模块化很重要，我自己是用的vue写的前端，模块化的好处是真的提高复用率，并且代码的修改也更为快捷，方便维护。

2.学会利用外部UI框架，以及学好css

做网站，首先的是要界面的美观，但界面所需要的组件有很多，一个一个自己写的话很麻烦，这时就要用上外部的UI框架，当然不可能UI框架能完全契合自己的网站，这时我们就要对其进行适当的修改，这样的话比全部自己写效率要高得多，还可能更美观。

3.合理的发送axios请求

在不同的地方就要发送不同的axios请求，比如搜索是一个，页面推荐也是一个，要写好不同的axios请求，并且要能够对其返回的结果进行合适的处理。

后端

1.数据库的设计

在项目开始的初期，就要定好数据库里的字段，这样也是便于前端发送请求，并且数据库与数据库之间的联系也要定好，可以说数据库是一个项目的基础。

2.接口的设计

要根据产品的不同需求，来设计不同的接口，并且接口返回的数据也要设计好

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Drew609

关注关注

11
点赞
踩
11

收藏

觉得还不错? 一键收藏
1
评论
全栈实现一个网站的一些注意事项

由于自己也做了大大小小多个全栈内容的网站，也用到了不同的框架，所以在此想要总结一下自己的一些感受。
复制链接

扫一扫

python申明变量注意事项_python申明变量

weixin_39824191的博客

12-18

715

Python3基础——装饰器1、Python是一种面向对象的编程语言，在Python中所有的都可以是Python的对象。即可以在函数内创建函数——函数也可以是变量！(亦可称之为：内嵌函数)2、如果内部函数引用了外部函数定义的对象(即某函数调用的是该函数以外定义的对象，但该对象不是全局变量)，那么此时内部函数叫做：闭包函数，...文章初雪之路2018-09-201349浏览量Pytohn自定义函数基...

NodeJS全栈开发一个功能完善的Express项目（附完整源码）

热门推荐

qq_15041931的博客

06-24

1万+

Node.js对前端来说无疑具有里程碑意义，与其越来越流行的今天，掌握 Node.js 技术已经不仅仅是加分项，而是前端攻城师们必须要掌握的一项技能。而 Express 基于 Node.js 平台，快速、开放、极简的 Web 开发框架，成为 Node.js 最流行的框架，所以使用 Express 进行 web 服务端的开发是个不错且可信赖的选择。但是 Express 初始化后，并不马上就是一个开箱即用，各种功能完善的 web 服务端项目，例如：MySQL 连接、jwt-token 认证、md5 加密、中间件

1 条评论您还未登录，请先登录后发表或查看评论

全栈工程师如何快速构建一个Web应用

weixin_44526331的博客

04-03

583

我们都知道全栈工程师能够快速地开发出一个网站或者APP，那么他们到底是怎么做到的呢？我花了一些时间将我在这个实验性的小项目中所作的一些实践写成文章，并给这个系列起了个名字叫做**《全栈修炼》**，在简书上与大家进行分享。如果你问十个全栈工程师，如何快速构建一个Web应用，我相信你会得到10个不同的答案，因为每一名全栈工程师的技术栈都不尽相同。以设计见长的全栈设计师可能会告诉你，做一个很好的设计...

web全栈开发项目搭建整体思路和学习路线

weixin_45568391的博客

12-23

2003

web全栈开发全栈开发技术介绍：全栈技术指可以完整整个项目搭建的有效集合。包括：网站的设计，web前端开发，web后端开发，数据库设计，接口和组件，移动端开发，产品设计，系统架构，产品的理念和用户体验，理解和定义需求。云端掌握应用的逻辑、存储应用数据、控制应用的权限、体现应用的智能、提供交互体验。云端与应用之间使用HTTP协议，加密采用HTTPS协议，云端需要部署web服务器，应用数据采用JSON等格式传输，接口的设计。客户端通过浏览器或app等多种形式展现。 python云端全栈体系：前端技术：

从前端到服务器全栈搭建个人博客

weixin_30293135的博客

07-26

601

博客地址：www.shirmy.me 项目地址(欢迎star)：github.com/smileShirmy 本文同步推送在简书全栈开发—博客前端展示(Nuxt.js) 这个开发的想法是这样来的，大概两个月前，腾讯云的工作人员打电话给我，说我的域名没有解析到腾讯云的服务器上，而且页脚也没有备案号。我当时就震惊了，居然会打电话给我，然而我的大学时代买的服务器已经过期了...于是为了拯救我的域名...

个人网站开发——全栈项目开发日记

qq_39123467的博客

12-02

941

个人网站开发——全栈项目开发日记

python全栈基础试题_Python全栈习题一

weixin_39716703的博客

12-07

365

a、./run.py 直接在命令行调用python脚本；b、python run.py 调用python解释器来调用Python脚本。2、简述位、字节的关系位：二进制位(bit)是计算机存储信息的基本单位,代表1个二进制数位,其值为0或1.字节：8个连续的二进制位为一个字节,可以存放1个西文字符的编码.二进制位=bit(位) 8bits = 1Byte = 1字节3、简述 ascii、unic...

python全栈基础试题_python全栈测试题（一）

weixin_39943799的博客

12-07

192

1、执行Python脚本的两种方式如果想要永久保存代码，就要用文件的方式如果想要调试代码，就要用交互式的方式即终端命令下和python环境中2、Pyhton单行注释和多行注释分别用什么？python中单行注释用#多行注释用'''3、声明变量注意事项有那些？变量名只能是字母、数字或下划线的任意组合变量名的第一个字符不能是数字关键字不能声明为变量名4、如何查看变量在内存中的地址?ip(变量名)5、写...

python全栈基础试题_Python全栈考试(一)

weixin_39706127的博客

12-07

191

Python全栈考试(一)1、执行 Python 脚本的两种方式答:1)python x.py2)../x.py2、简述位、字节的关系答:1)位:二进制位(bit)是计算机存储信息的基本单位,代表1个二进制数位,其值为0或1.2)字节:8个连续的二进制位为一个字节,可以存放1个西文字符的编码.3)字:2个字节为一个字.3、简述 ascii、unicode、utf-8、gbk 的关系答:1) ASC...

通过cookie实现返回上级页面/上一个页面

07-12

在前端开发中，用户在网站上浏览时可能会需要有返回上级页面或上一个页面的功能，例如浏览器的"后退"按钮。然而，在某些特定场景下，例如用户在无后退历史或者通过直接链接进入页面时，这个功能可能无法正常工作。...

古典风格的一个地方文化论坛源代码(1)

07-02

1. 说明.txt：这是一个文本文件，通常包含关于源代码的详细信息，如安装步骤、依赖库、配置说明、使用注意事项等。用户在部署和运行论坛之前，需要仔细阅读这个文件以了解如何正确操作。 2. 748：这可能是被压缩的...

React 全栈项目:招聘网站react-redux+redux-thunk+axios

04-19

项目描述此项目为一个前后台分离的招聘的 SPA, 包括前端应用和后端应用 ... 前端: 使用 React 全家桶+ES6+Webpack 等技术后端: 使用 Node + express + mongodb + socketIO ...注意事项会使用ES6+npm构建项目，会react

全栈数字屋

03-04

7. **文档**：可能有README文件或其他形式的文档，介绍项目的用途、如何运行和开发过程中的注意事项。通过学习和实践"全栈数字屋"项目，开发者可以深入理解JavaScript全栈开发的各个环节，从创建动态网页到搭建...

使用Vue实现点击页面触发特效

qq_45569925的博客

07-19

612

在页面上的指定区域内进行点击，则会在页面上显示设置好的随机文本，此文本出现后会执行动画，动画效果为节点在1s之内向右上方移动并在移动的过程中完成180°翻转，最后消失。

Django+vue自动化测试平台（28）-- ADB获取设备信息

测试小老弟的博客

07-17

320

adb的全称为Android Debug Bridge，就是起到调试桥的作用。通过adb可以在Eclipse中通过DDMS来调试Android程序，说白了就是调试工具。adb的工作方式比较特殊，采用监听Socket TCP 5554等端口的方式让IDE和Qemu通讯，默认情况下adb会daemon相关的网络端口，所以当我们运行Eclipse时adb进程就会自动运行。

TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！

OpenTiny的博客

07-17

1025

本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。

vue图片存放在public目录和src/assets目录下的区别

最新发布

Zing_ing的博客

07-19

461

使用随时要更换的图片，有更新动态显示的需求，像banner、轮播、广告、展示性等大型图片放在public下比较合适；而一些icon、精灵图、雪碧图更适合放在assets下。如果图片不需要被处理，比如网站的结构用图，如logo图片，则放public中，否则如内容图片或者需要被构建为base64的小图标可以放assets中。

【Vue】 style中的scoped

DX390609的博客

07-15

182

在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，通过该属性，可以使得组件之间的样式不互相污染。

用python实现一个简单的全栈网站

06-01

好的，我可以给您提供一些指导。首先，全栈网站由前端、后端和数据库组成。在这里，我将使用 Flask 作为后端框架，MySQL 作为数据库。对于前端，您可以使用 HTML、CSS 和 JavaScript。以下是一个简单的步骤： 1. 安装 Flask 和 MySQL 的 Python 库您可以使用以下命令安装 Flask 和 MySQL 的 Python 库： ``` pip install flask pip install pymysql ``` 2. 创建数据库和表使用 MySQL 命令行工具或图形化工具创建一个名为 `mydb` 的数据库，并创建一个名为 `users` 的表，其中包含 `id`, `username` 和 `password` 字段。 3. 创建 Flask 应用程序创建一个名为 `app.py` 的文件，并编写以下代码： ```python from flask import Flask, render_template, request, redirect, url_for import pymysql app = Flask(__name__) db = pymysql.connect("localhost", "root", "password", "mydb") cursor = db.cursor() @app.route("/") def home(): return render_template("home.html") @app.route("/register", methods=["GET", "POST"]) def register(): if request.method == "POST": username = request.form["username"] password = request.form["password"] sql = "INSERT INTO users (username, password) VALUES (%s, %s)" cursor.execute(sql, (username, password)) db.commit() return redirect(url_for("login")) return render_template("register.html") @app.route("/login", methods=["GET", "POST"]) def login(): if request.method == "POST": username = request.form["username"] password = request.form["password"] sql = "SELECT * FROM users WHERE username=%s AND password=%s" cursor.execute(sql, (username, password)) result = cursor.fetchone() if result: return "Logged in successfully" else: return "Invalid username or password" return render_template("login.html") if __name__ == "__main__": app.run(debug=True) ``` 在这个应用程序中，我们定义了三个路由：`/`，`/register` 和 `/login`。`/` 路由返回主页，`/register` 路由用于注册，`/login` 路由用于登录。 4. 创建 HTML 模板在应用程序的根目录中创建一个名为 `templates` 的文件夹，并在其中创建 `home.html`、`register.html` 和 `login.html` 文件。 `home.html` 文件： ```html <!DOCTYPE html> <html> <head> <title>Home</title> </head> <body> <h1>Welcome to my website!</h1> <p><a href="/register">Register</a></p> <p><a href="/login">Login</a></p> </body> </html> ``` `register.html` 文件： ```html <!DOCTYPE html> <html> <head> <title>Register</title> </head> <body> <h1>Register</h1> <form method="post" action="/register"> <p>Username: <input type="text" name="username"></p> <p>Password: <input type="password" name="password"></p> <p><input type="submit" value="Register"></p> </form> </body> </html> ``` `login.html` 文件： ```html <!DOCTYPE html> <html> <head> <title>Login</title> </head> <body> <h1>Login</h1> <form method="post" action="/login"> <p>Username: <input type="text" name="username"></p> <p>Password: <input type="password" name="password"></p> <p><input type="submit" value="Login"></p> </form> </body> </html> ``` 5. 运行应用程序使用命令行工具转到应用程序所在的目录，并运行以下命令： ``` python app.py ``` 在浏览器中访问 `http://localhost:5000`，您应该能够看到主页。现在，您可以使用注册和登录表单进行测试。这只是一个简单的例子，您可以根据自己的需求进行修改和扩展。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交