web 入门(第一个web项目,从后端到前端到部署)——总述

2023-12-16 14:38

本文主要是介绍web 入门(第一个web项目,从后端到前端到部署)——总述,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

web 入门(第一个web项目,从后端到前端到部署)——总述

个人简介

本人从大三上学期开始开始学习全栈开发,平时就利用课余、周末时间学习js,css,html之类的。现在学了近一个学期,但是感觉自己学的并不是很好,而且也不知道究竟学的怎么样,因此想实战一下,做一个入门级的web应用。于是便想做这个项目,具体如下。

项目简介

我自己是购买了一个阿里云的服务器,¥9.9一个月的(学生价),然后之前是在上面用wordpress搭了一个博客平台,但是感觉wordpress不好用(可能是自己还没有深入研究它),于是想自己写一个简易的博客平台,用来放自己的博客文章之类的。

有想法就要行动起来,就开始慢慢做吧!

  • 注:这个博客平台是自己根据自己所学已经所了解的来进行搭建的,所有里面的一些设计可能并不是很好,毕竟自己刚入门,有很多地方也确实不知道怎么写,所有各位大佬不要嫌弃我这个小菜鸡,同时也欢迎给我提出各种宝贵意见。

整体结构

整个博客平台的功能结构设计如下图:

在这里插入图片描述

说明:

  • main page,是其他人访问我的服务器时所显示的主页
  • blog page all,是通过主页跳转至所有博客页面,向用户显示我所有的博客,在这个界面点击一个博客跳转,即可显示单个博客内容。
  • blog page single,即显示单个博客的页面,使用统一模板。
  • download page,tools page,这两个页面也是在主界面进行跳转,分别跳转至资源下载界面(我上传一些资源供别人下载)和工具界面(写一些小工具,如进制转化什么的供别人使用)。这两个界面相对独立,实现或不实现都行。
  • login page,这个界面提供一个登陆界面,主要是为我自己提供的,以便我登陆后可以进行文章管理。
  • manage page,就是管理界面了,对所有文章进行管理,同时在该节目可以跳转至blog page single以查看文章,或者跳转至edit page进行编辑文章。
  • edit page,编辑文章界面,可以编辑已经发表的文章,也可以写一篇新文章。
  • upload page,一个上传文件的界面,主要是我可能会上传一个媒体文件之类的,也可选择性实现。因为我可以选择直接上传服务器。

前端框架:bulma pug模板引擎

后端(node开发):express/koa(以后改用)

部署:docker容器 nginx服务器

文档目录索引(github 链接)

  • 1.概述
  • 2.数据库
    • 2.1数据库说明
  • 3.部署
    • 3.1部署说明

这篇关于web 入门(第一个web项目,从后端到前端到部署)——总述的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/500833

相关文章

Vue3 的 shallowRef 和 shallowReactive:优化性能

大家对 Vue3 的 ref 和 reactive 都很熟悉,那么对 shallowRef 和 shallowReactive 是否了解呢? 在编程和数据结构中,“shallow”(浅层)通常指对数据结构的最外层进行操作,而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素,而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层(Shallow) 定义

闲置电脑也能活出第二春?鲁大师AiNAS让你动动手指就能轻松部署

对于大多数人而言,在这个“数据爆炸”的时代或多或少都遇到过存储告急的情况,这使得“存储焦虑”不再是个别现象,而将会是随着软件的不断臃肿而越来越普遍的情况。从不少手机厂商都开始将存储上限提升至1TB可以见得,我们似乎正处在互联网信息飞速增长的阶段,对于存储的需求也将会不断扩大。对于苹果用户而言,这一问题愈发严峻,毕竟512GB和1TB版本的iPhone可不是人人都消费得起的,因此成熟的外置存储方案开

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门(一):登录与退出》 《Spring-Security-入门(二):基于数据库验证》 《Spring-Security-入门(三):密码加密》 《Spring-Security-入门(四):自定义-Filter》 《Spring-Security-入门(五):在 Sprin

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

【 html+css 绚丽Loading 】000046 三才归元阵

前言:哈喽,大家好,今天给大家分享html+css 绚丽Loading!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦 💕 目录 📚一、效果📚二、信息💡1.简介:💡2.外观描述:💡3.使用方式:💡4.战斗方式:💡5.提升:💡6.传说: 📚三、源代码,上代码,可以直接复制使用🎥效果🗂️目录✍️

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

如何用Docker运行Django项目

本章教程,介绍如何用Docker创建一个Django,并运行能够访问。 一、拉取镜像 这里我们使用python3.11版本的docker镜像 docker pull python:3.11 二、运行容器 这里我们将容器内部的8080端口,映射到宿主机的80端口上。 docker run -itd --name python311 -p

好题——hdu2522(小数问题:求1/n的第一个循环节)

好喜欢这题,第一次做小数问题,一开始真心没思路,然后参考了网上的一些资料。 知识点***********************************无限不循环小数即无理数,不能写作两整数之比*****************************(一开始没想到,小学没学好) 此题1/n肯定是一个有限循环小数,了解这些后就能做此题了。 按照除法的机制,用一个函数表示出来就可以了,代码如下

阿里开源语音识别SenseVoiceWindows环境部署

SenseVoice介绍 SenseVoice 专注于高精度多语言语音识别、情感辨识和音频事件检测多语言识别: 采用超过 40 万小时数据训练,支持超过 50 种语言,识别效果上优于 Whisper 模型。富文本识别:具备优秀的情感识别,能够在测试数据上达到和超过目前最佳情感识别模型的效果。支持声音事件检测能力,支持音乐、掌声、笑声、哭声、咳嗽、喷嚏等多种常见人机交互事件进行检测。高效推

在cscode中通过maven创建java项目

在cscode中创建java项目 可以通过博客完成maven的导入 建立maven项目 使用快捷键 Ctrl + Shift + P 建立一个 Maven 项目 1 Ctrl + Shift + P 打开输入框2 输入 "> java create"3 选择 maven4 选择 No Archetype5 输入 域名6 输入项目名称7 建立一个文件目录存放项目,文件名一般为项目名8 确定