简单 web 服务与客户端开发实战

最新推荐文章于 2021-06-03 12:52:32 发布
最新推荐文章于 2021-06-03 12:52:32 发布
阅读量166 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43985359/article/details/111567422
版权

项目简介

本次项目的要求是服务构建与前后端分离的开发。利用 web 客户端调用远端服务是服务开发实验的重要内容，还要建立 API First 的开发理念，实现前后端分离，使得团队协作变得更有效率。

任务分工

本次作业为小组作业，我们组采用了2个前端+4个后端的分配方式。我在本次任务中负责前端，以及最后的运行测试。
本次开发主要是使用了Vue-cli开发工具。本次实验遵循API First的开发理念，前后端分别根据API进行开发。
我在本次任务中

  • 主要负责文章列表页面，文章内容页面以及错误页面的编写
    主要工作就是编写对应页面的内容格式并调用相应API将得到数据显示在页面中。
  • 负责其他页面格式的优化
  • 运行测试

其中的难点在于，对VUE框架不是很熟悉，在VUE框架下的JS,CSS与无框架下的有一些语法上的区别，在编写的过程中需要查阅很多资料，花费了比较多的时间。同时，虽然之前学习过API，但是对API的使用还不是很熟练，在实际应用时遇到了一些bug。

具体的代码以及运行方法参见Github。

显示效果

  1. 初始界面
    初始

  2. 登录界面
    登录

  3. 文章列表
    列表

  4. 文章内容
    文章

  5. 评论内容
    评论

  6. 404页面
    在这里插入图片描述

运行效果

运行

Stranger_xy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
服务计算——简单 web 服务与客户端开发实战
weixin_37863947的博客
12-09 157
该任务为团队项目，此部分为个人完成的后端部分 项目后端源码github地址 项目准备 数据库 在运行程序前，需要在服务器上配置相关数据库信息依次提供用户读取或录入数据信息。此处采用了MySQL数据库，并在./src/web/SQL下记录了相关数据库配置语言，即如下代码 CREATE DATABASE `test`; CREATE TABLE `test`.`Article` ( `Ar...
开发任意网站客户端（1）
那年的专栏
04-15 947
注意：此文为转载：http://www.apkbus.com/forum.php?mod=viewthread&tid=56999 最近一个开发项目用到了图书馆的一些数据，图书馆用的系统又没提供数据接口，所以老规矩，用HttpClient和Jsoup这两大开源工程上，用Android手机来模拟图书馆查询的请求与响应， 网站是学校的图书馆网：lib.gdou.edu.cn 第一步：分析并模拟网
Web 客户端编程
weixin_45845422的博客
10-29 351
实验一： Web 客户端编程 实验目的： 1、使用HTML超文本标记语言制作简单页面，要求通过实验能够掌握HTML文件的基本结构和文档的创建、编辑及保存。 2、验证并掌握HTML超文本标记语言的文本、图像、超链接、表格、表单等标记的使用。 3、通过实验掌握层叠样式表CSS的创建及应用，掌握在网页中插入层叠样式表CSS的常用方法，掌握层叠样式表CSS的主要基本属性的使用。 4、通过实验了解JavaScript的编程规范及基本语法，能够分析JavaScript程序的功能，可以在网页制作中使用JavaScrip
go语言学习-简单 web 服务与客户端开发实战
sir_beginner的博客
12-07 985
文章目录简单 web 服务与客户端开发实战前言展示开发流程我的工作总结 简单 web 服务与客户端开发实战 前言 本次我们实验主要是开发一个服务端与客户端分离的博客网站，名为Simple Blog。 完整项目在Github下。 展示 主页面： 博客页面： 登陆页面： 注册页面： 开发流程 首先我们组内人员协商讨论进行API的设计，并使用Swagger进行API文档的渲染与前后端代码的生成...
XML-RPC+服务客户端通信+实战+Web服务应用
最新发布
07-14
XML-RPC客户端开发 XML-RPC服务器端开发 XML-RPC跨语言通信 XML-RPC在Web服务中的应用 XML-RPC安全性与认证 XML-RPC性能优化 XML-RPC实战：Python客户端编程 XML-RPC实战：Java服务器端编程 XML-RPC实战：PHP集成...
Python Web开发实战_python_ｗｅｂ_
09-29
6. **RESTful API**：现代Web应用往往需要提供API接口，让其他服务或客户端能够与之交互。书中会讲解如何设计和实现遵循REST原则的API。 7. **测试**：软件质量是关键，书中会介绍单元测试、集成测试等方法，以及...
（牛客网C++课程）Linux 高并发Web服务器项目实战（带定时检测代码）
02-24
（牛客网C++课程）Linux 高并发Web服务器项目实战（带定时检测代码） 技术框架： 1. 线程池 + 非阻塞 socket + epoll + 事件处理的并发模型 2. 状态机解析HTTP请求 3. 心跳机制 4. 简易日志系统 主要内容： 1. ...
Web客户端编程
快乐的小小程序猿
11-05 718
一、实验目的： 使用 HTML 超文本标记语言制作简单页面，要求通过实验能够掌握 HTML 文件的基本结构和文档的创建、编辑及保存。 验证并掌握 HTML 超文本标记语言的文本、图像、超链接、表格、表单等 标记的使用。 通过实验掌握层叠样式表 CSS 的创建及应用，掌握在网页中插入层叠样式 表 CSS 的常用方法，掌握层叠样式表 CSS 的主要基本属性的使用。 通过实验了解 JavaScript...
客户端网页编程1、2
lp_607的博客
07-27 311
 one：web应用程序开发原理 一、主机/终端模式：因为终端只有输入和输出功能，而没有处理能力，企业计划都需要依靠主机来做。 二、客户机/服务器计算模式 分布式客户/服务器(Client/Server，简称C/S） 网络中的计算机被分为两大类：①是向其他计算机提供各种服务（主要有数据库服务、打印服务等）的计算机，称为服务器； ②是享受服务器提供的计算机，称为客
作业9——简单 web 服务与客户端开发实战
weixin_43227340的博客
12-22 108
文章目录简单 web 服务与客户端开发实战1. 项目简介2. 任务分工4. 页面效果 简单 web 服务与客户端开发实战 1. 项目简介 项目地址: github 本次作业我们小组实现的是一个极简博客，主要的页面包括home, user, articles, reviews几个页面。实现的主要功能有用户登录、获取文章列表、阅读文章、删除文章，获取评论和编辑评论等。另外，项目采用 jwt 产生 token 实现用户认证，用户登录时获得 token，并且在添加评论时进行 token 认证。 2. 任务分工 我们
web 服务与客户端开发实战总结
qq_20549085的博客
12-09 246
前言 这是中山大学数据科学与计算机学院2019年服务计算的作业项目。所有代码与博客将被上传至github当中。 Github项目地址: https://github.com/BlogFourByMan 个人主页: https://starashzero.github.io 概述 我们小组四人完成了一个前后端分离的web博客应用——Simple Blog 目前支持的功能有: 注册 登陆 查看博客 ...
客户端开发与服务器端开发的区别
vvion的专栏
05-20 4728
简单 web 服务与客户端开发实战——前端个人总结
qq_43233275的博客
12-22 381
实现功能及分工 实现简单的博客系统，能实现用户登录、通过文章列表页进行文章管理并显示具体文章页、进行文章评论的功能 本人分工：负责部分前端开发和相应调试 前端开发 本次作业中，我主要负责前端的开发。前端开发的任务并不难，主要是完成页面的编写布局，并将API得到的数据显示在页面中。 本次开发选择了主流的vue.js框架,各个页面有单独的文件构成，再通过Vue Router完成页面间的跳转。 其中页面的样式可以参考CSS进行编写， Vue只关注视图层，使用尽可能简单的API实现响应的数据绑定和视图的组件。 难点
html语言是客户端技术的基础,如何成为 Web 开发的程序员
weixin_29437633的博客
06-03 290
1、Web 程序员需要了解哪些知识点Web应用程序主要是运行在浏览器上，我们平时打开的网页就是一个 Web 程序，常见的 Web 技术有：HTTPFTPPOP3SMTPTCPIP protocolsHTMLXMLColdfusionASPJSPPHPASP.NET2、浏览各式各样的网站在我们通常使用的浏览器中如 Chrome，Firefox 可以按下 F12 按键(或者右击鼠标=》查看源码)来查看...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值