ng8 go管理

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

一、angular

1、总目录
在这里插入图片描述
2、代码

manage.comment.html

<div class="friends">
    <div class="friendword">
        Pagge~hello,
        <button>
            <a [routerLink]="['/friends', userid]">返回</a>
        </button>
    </div>
    <div class="friendlist">
         <div *ngFor="let users of userlist index as i"  class="friendlist-one"  >
            <hr>
            
            <dl>
                <dt>用户名：
                    <input type="text"  [(ngModel)]="upname[i]"  placeholder="{{users.userfriendname}}" >
                </dt>
                <dt>手机号：
                    <input type="text"   [(ngModel)]="upphone[i]"   placeholder="{{users.userfriendphone}}">
                </dt>
                <dt>  邮箱  ：
                    <input type="text"   [(ngModel)]="upmail[i]"  placeholder="{{users.userfriendmail}}">
                </dt>
                <dt>  密码  ：
                    <input type="text"    [(ngModel)]="uppassword[i]"  placeholder="{{users.userfriendpassword}}">
                </dt>
            </dl>
            <!-- {{setvalue(i, users.userfriendname, users.userfriendphone, users.userfriendmail, users.userfriendpassword)}} -->
            <button  (click)="userdelete(users.userfriendid)">
                删除该用户
            </button>
            <button  (click)="userupdate(i, users.userfriendid)">
                确认修改
            </button>
        </div>
            <!-- </a> -->
        <hr>
        <div>
            <dl>
                <dt>用户名：
                    <input type="text" placeholder="由数字，字母，下划线组成的10位字符" [(ngModel)]="newname" >
                </dt>
                <dt>手机号：
                    <input type="text" placeholder="中国大陆手机号" [(ngModel)]="newphone" >
                </dt>
                <dt>  邮箱  ：
                    <input type="text" placeholder="***@域名" [(ngModel)]="newmail" >
                </dt>
                <dt>  密码  ：
                    <input type="text" placeholder=""  [(ngModel)]="newpassword" >
                </dt>
            </dl>
            <button (click)="newuser()">
                创建该用户
            </button>
        </div>
    </div>
</div>

manage.comment.scss

h2{

    text-align: left;

}

.friends{

    width: 440px;

    height: 550px;

    margin: 100px auto;

    background-color: #ffffff42;

    padding: 15px;

    border: 1px solid #0066da;

    img{

        // max-width:100px;

        max-width:50px;

    }

}

button{

    width: 83px;

    height: 26px;

    float: right;

    margin: 4px;

}

.friendword{

    font-size: 25px;

    font-weight: bold;

    width: 423px;

    height: 48px;

    padding: 7px;

    border: 1px solid #ffffff;

    background-color: #ffffff;

}

  

.friendlist{

    width: 394px;

    height: 417px;

    background-color: #fefeff;

    padding: 15px;

    border: 1px solid #15070736;

    margin: 13px 5px 0px 6px;

    overflow: scroll;

    overflow-x: hidden;

}

.friendlist-one{

    width: 370px;

    height: 220px;

}

dt{

    margin: 4px 0px 4px 0px;

}

manage.comment.ts

import { Component, OnInit } from '@angular/core';
import { CommonService } from '../../services/common.service';
import { ActivatedRoute } from '@angular/router';
// import {ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';

@Component({
  selector: 'app-manage',
  templateUrl: './manage.component.html',
  styleUrls: ['./manage.component.scss'],
})
export class ManageComponent implements OnInit {

  constructor(//public changeDetectorRef:ChangeDetectorRef,
                          public route:ActivatedRoute,
                          public common:CommonService) {
  }

  public userlist:any[]=[];
  public userid:any=""
  ngOnInit() {
    this.route.params.subscribe((value:any)=>{
      this.userid=value.id
      this.userShowfriends(value.id)
    })
  }

  userShowfriends(id){
    this.common.show(id).then((Response:any)=>{
      console.log(Response);
      if(Response.status==-1){
          alert("获取用户列表失败")
          return
      }
      this.userlist = Response.userfriendList
    })
    return
  }

  userdelete(fid){
    if(fid==this.userid){
      alert("错误，不能删除自己")
      return
    }
    this.common.delete(fid).then((Response:any)=>{
      console.log(Response);
      if(Response.status==0){
        // this.link="['/friends?id="+Response.id+"']"
        alert("已删除该用户以及相关聊天记录")
      }else{
        alert("删除失败 ： "+Response.msg)
      }
    })
    window.location.reload()

    // this.changeDetectorRef.markForCheck();
    // this.changeDetectorRef.detectChanges();
    return 
  }

  public newname=""
  public newphone=""
  public newmail=""
  public newpassword=""
  newuser(){
    this.common.register(this.newname, this.newphone, this.newmail, this.newpassword).then((Response:any)=>{
      console.log(Response);
      if(Response.status==0){
        alert("添加用户成功")
      }else{
        alert("添加用户失败："+Response.msg)
      }
    })
    window.location.reload()
    // this.changeDetectorRef.markForCheck();
    // this.changeDetectorRef.detectChanges();
  }
  

  public upname:any=[]
  public upphone:any=[]
  public upmail:any=[]
  public uppassword:any=[]
  setvalue(i, dname, dphone, dmail, dpassword){
    this.upname[i]=dname
    this.upphone[i]=dphone
    this.upmail[i]=dmail
    this.uppassword[i]=dpassword
  }
  userupdate(i, fid){
    console.log("i : "+i)
    this.common.update(this.upname[i], this.upphone[i], this.upmail[i], this.uppassword[i], fid).then((Response:any)=>{
      console.log(Response);
      if(Response.status==0){
        alert("更新成功")
      }else{
        alert("更新失败："+Response.msg)
        return
      }
    })
    window.location.reload()
  }

  
}

app.module.ts

comment.service.ts

参考博文 《 ng8 go 图片&聊天》

3、运行效果
在这里插入图片描述

4、bug

本页面未实现轮询。

二、golang

1、总目录
（数据库为 postgresql）
在这里插入图片描述
2、代码

friendgetchadel.go

package servewr

import (
	"encoding/json"
	"fmt"
	"io/ioutil"
	"log"
	"net/http"

	// 使用相对路径引用dbtable
	"../dbtable"
)

// ShowResp show接口的响应
type ShowResp struct {
	Status         int                      `json:"status"`
	UserfriendList []dbtable.UserfriendList `json:"userfriendList"` // 消息列表
}

// Show 好友列表接口的处理函数
func Show(w http.ResponseWriter, r *http.Request) {
	w.Header().Set("Access-Control-Allow-Origin", "*")                          //允许访问所有域
	w.Header().Add("Access-Control-Allow-Headers", "Content-TypeAuthorization") //header的类型
	w.Header().Set("content-type", "application/json")

	// 只处理POST请求
	if r.Method != "POST" {
		return
	}

	resp := ShowResp{}

	// 读取请求实体中的数据
	body, err := ioutil.ReadAll(r.Body)
	if err != nil {
		log.Printf("read http request failed, err: %v", err)
		sendErrToClient(err.Error(), w)
		return
	}

	if body == nil || len(body) == 0 {
		log.Println("http request body is null")
		sendErrToClient("http request body is null", w)
		return
	}

	defer r.Body.Close()

	data := make(map[string]interface{})

	// json反序列化请求实体中的数据
	if err = json.Unmarshal(body, &data); err != nil {
		log.Printf("json unmarshal failed, err: %v", err)
		sendErrToClient(err.Error(), w)
		return
	}

	if data == nil {
		log.Println("json unmarshal data is null")
		sendErrToClient("json unmarshal data is null", w)
		return
	}

	// 类型断言
	userid, ok := data["userid"].(string)
	if !ok {
		log.Println("type assert failed")
		sendErrToClient("type assert failed", w)
		return
	}

	if userid == "" {
		log.Println("the userid from http request is empty string")
		sendErrToClient("the userid from http request is empty string", w)
		return
	}

	// 根据id从数据库读取好友列表
	userfriendList, err := dbtable.GetUserfriendList(userid)
	if err != nil {
		log.Printf("getfriend list failed, err: %v", err)
		sendErrToClient(err.Error(), w)
		return
	}

	resp.Status = 0
	resp.UserfriendList = userfriendList

	for _, v := range userfriendList {
		fmt.Printf("name: %s,  phone:%s ,  mail: %s ,  password:%s\n", v.Userfriendname, v.Userfriendphone, v.Userfriendmail, v.Userfriendpassword)
	}

	// json序列化receive接口的响应
	respByte, err := json.Marshal(resp)
	if err != nil {
		log.Printf("json marshal failed, err: %v", err)
		sendErrToClient(err.Error(), w)
		return
	}

	// 响应数据
	_, err = w.Write(respByte)
	if err != nil {
		log.Printf("write response failed, err: %v", err)
		sendErrToClient(err.Error(), w)
		return
	}
}

//DeleteResp  delete接口的响应
type DeleteResp struct {
	Status int `json:"status"`
}

//Delete  删除用户接口处理函数
func Delete(w http.ResponseWriter, r *http.Request) {
	w.Header().Set("Access-Control-Allow-Origin", "*")                          //允许访问所有域
	w.Header().Add("Access-Control-Allow-Headers", "Content-TypeAuthorization") //header的类型
	w.Header().Set("content-type", "application/json")
	// 如果请求类型不是POST, 不处理该请求
	if r.Method != "POST" {
		return
	}

	resp := &DeleteResp{
		Status: 0,
	}
	// 读取请求实体中的数据
	body, err := ioutil.ReadAll(r.Body)
	if err != nil {
		log.Printf("read http request failed, err: %v", err)
		sendErrToClient(err.Error(), w)
		return
	}

	if body == nil || len(body) == 0 {
		log.Println("http request body is null")
		sendErrToClient("http request body is null", w)
		return
	}

	defer r.Body.Close()

	data := make(map[string]interface{})

	// json反序列化请求的数据
	if err = json.Unmarshal(body, &data); err != nil {
		log.Printf("json unmarshal failed, err: %v", err)
		sendErrToClient(err.Error(), w)
		return
	}

	// 类型断言
	userfriendid, ok := data["userfriendid"].(string)
	if !ok {
		log.Println("type assertion failed")
		sendErrToClient("type assertion failed", w)
		return
	}

	if userfriendid == "" {
		log.Println("the userfriendid  is empty string")
		sendErrToClient("the userfriendid is empty string", w)
		return
	}

	err = dbtable.DeleteUserFromDB(userfriendid)
	if err != nil {
		log.Printf("Delete  User  From  DB failed, err: %v", err)
		sendErrToClient(err.Error(), w)
		return
	}

	// 返回成功状态码0
	resp.Status = 0

	// json序列化login接口的响应
	respByte, err := json.Marshal(resp)
	if err != nil {
		log.Printf("json marshal failed, err: %v", err)
		sendErrToClient(err.Error(), w)
		return
	}

	// 响应数据
	_, err = w.Write(respByte)
	if err != nil {
		log.Printf("write the response failed, err: %v", err)
		sendErrToClient(err.Error(), w)
		return
	}

	return
}

//UpdateResp  update接口的响应
type UpdateResp struct {
	Status int `json:"status"`
}

// Update 更新接口
func Update(w http.ResponseWriter, r *http.Request) {
	w.Header().Set("Access-Control-Allow-Origin", "*")                          //允许访问所有域
	w.Header().Add("Access-Control-Allow-Headers", "Content-TypeAuthorization") //header的类型
	w.Header().Set("content-type", "application/json")
	// 如果请求类型不是POST, 不处理该请求
	if r.Method != "POST" {
		return
	}

	resp := &UpdateResp{
		Status: 0,
	}
	// 读取请求实体中的数据
	body, err := ioutil.ReadAll(r.Body)
	if err != nil {
		log.Printf("read http request failed, err: %v", err)
		sendErrToClient(err.Error(), w)
		return
	}

	if body == nil || len(body) == 0 {
		log.Println("http request body is null")
		sendErrToClient("http request body is null", w)
		return
	}

	defer r.Body.Close()

	data := make(map[string]interface{})

	// json反序列化请求的数据
	if err = json.Unmarshal(body, &data); err != nil {
		log.Printf("json unmarshal failed, err: %v", err)
		sendErrToClient(err.Error(), w)
		return
	}

	// 类型断言
	username, ok := data["username"].(string)
	// if !ok {
	//     log.Println("type assertion failed")
	//     sendErrToClient("type assertion failed", w)
	//     return
	// }
	userphone, ok := data["userphone"].(string)
	// if !ok {
	//     log.Println("type assertion failed")
	//     sendErrToClient("type assertion failed", w)
	//     return
	// }
	usermail, ok := data["usermail"].(string)
	// if !ok {
	//     log.Println("type assertion failed")
	//     sendErrToClient("type assertion failed", w)
	//     return
	// }
	password, ok := data["password"].(string)
	// if !ok {
	//     log.Println("type assertion failed")
	//     sendErrToClient("type assertion failed", w)
	//     return
	// }

	userfriendid, ok := data["userfriendid"].(string)
	if !ok {
		log.Println("type assertion failed")
		sendErrToClient("type assertion failed", w)
		return
	}

	err = dbtable.UpdateUserInfo(username, userphone, usermail, password, userfriendid)
	if err != nil {
		log.Println(err)
		x := fmt.Sprintf("%s", err)
		sendErrToClient(x, w)
		return
	}

	// 返回成功状态码0
	resp.Status = 0

	// json序列化register接口的响应
	respByte, err := json.Marshal(resp)
	if err != nil {
		log.Printf("json marshal failed, err: %v", err)
		sendErrToClient(err.Error(), w)
		return
	}

	// 响应数据
	_, err = w.Write(respByte)
	if err != nil {
		log.Printf("write the response failed, err: %v", err)
		sendErrToClient(err.Error(), w)
		return
	}

	return
}
Package Pig
关注
golang使用 gomodule 在公共测试环境管理go的依赖的实例详解
01-19
但是，公司的测试机往往是没办法连外网的，而golang 的大部分工程都需要直接从github 上下载依赖，这就导致 依赖文件需要先提前上传到开发机上。那么当开发机上需要运行多个golang 工程的时候，如何共享这些依赖，...
Golang 多版本管理神器 gvm
01-09
为了解决这种尴尬的场景只能再在主机安装个 go1.12.xx 版本，那么有没有什么优雅的方式来实现本机多版本 Golang 版本的管理呢，能很方便的进行不同版本的切换，这也是本文的目的，推荐一款 Go多版本管理神器 gvm，...
ng8框架的摸索
qiqi学习园地
04-04 1451
使用angular-cli脚手架生成ng8项目对各种基本需求的实现1.国际化2.src中的基本结构搭建3.路由配置4.index文件的优雅实践5.less的使用6.http交互（跨域解决方案）7.自定义的webpack配置项 生成ng8项目 对于angular-cli生成项目的实践非本文重点，请移步这里官网 先贴一份配置 这里是我生成项目的package.json的配置。 对各种基本需求的实现 ...
angular8与ngrx8的基本使用步骤
水痕
11-27 1364
一、案例运行后的效果图 二、关于ngrx的认识 1、官网地址 2、ngrx是借鉴redux的思维,专门为angular中定制的一个状态管理的包,类似react中的redux、vue中的vuex,主要包括以下几个模块(本文先介绍@ngrx/store) @ngrx/store @ngrx/store-devtools @ngrx/effects @ngrx/router-store @ngrx...
第8关 Helm包管理器
博哥爱运维
11-16 2226
和centos的yum，以及ubuntu的apt-get类似，对于云原生类的一些服务，基本都提供helm安装方式，以实际工作经验来看，我们能够掌握Helm怎么安装，以及利用Helm来获取我们需要的yaml配置资源基本就足够了，Helm的自定义打包使用并不显得那么迫切，反而在应用时，会给生产的使用及排错增加复杂度，就和我们大部分企业很少自己去打包rpm和deb包一样。
前端框架 ng 环境配置
ChaITSimpleLove的博客
11-04 2398
使用 nvm 管理 node.js 多版本并存，并配置前端框架 ng 的相关环境依赖。
Kubernetes:开源 K8s 管理工具 Rancher 认知
山河已无恙
01-23 1558
博文内容涉及Rancher的介绍，集群内安装查看Rancher的基本功能理解不足小伙伴帮忙指正我所渴求的，無非是將心中脫穎語出的本性付諸生活，為何竟如此艱難呢 ------赫尔曼·黑塞《德米安》Rancher是一个 Kubernetes 管理工具，让你能在任何地方和任何提供商上部署和运行集群。Rancher 可以创建来自 Kubernetes托管服务提供商的集群创建节点并安装 Kubernetes，或者导入在任何地方运行的现有 Kubernetes 集群。
eve-ng镜像模拟设备-信息安全管理与评估-2023国赛
Geek极安云科-致力于网络安全事业
12-09 1787
EVE-NG（全称Emulated Virtual Environment - NextGeneration），继 Unetlab 1.0 后的 Unetlab 的 2.0 新版本，改了名字，原名是 UnifiedNetworking Lab 统一网络实验室。这款模拟器已经不仅可以模拟网络设备，也可以运行一切虚拟机。理论上，只要能将虚拟机的虚拟磁盘格式转换为qcow2 都可以在 EVE-NG 上运行。所以 EVE-NG 可以算得上是仿真虚拟环境。EVE-NG 融合了 dynamips，IOL，KVM。
vue+go-gin+nginx实现后台管理系统
hahachenchen789的博客
04-29 4834
前后端分离的经典后台管理系统。 主要用到的技术和组件： 前端：vuejs，组件element ui、ant vue、axios 后端：golang，框架go-gin，swagger组件 服务代理：nginx 过程中的疑难问题和关键点记录： 一、nginx反向代理： mac下修改/usr/local/etc/nginx/nginx.conf.default文件：修改后需要重启ng...
【Golang 快速入门】Go Modules + 生态拓展
萌宅鹿的技术小屋
02-09 1140
Golang 快速入门Go Modulesgo mod 命令go mod 环境变量GO111MODULEGOPROXYGOSUMDBGOPRIVATE初始化项目修改项目版本依赖关系Golang 生态拓展Web 框架微服务框架容器编排服务发现存储引擎静态建站中间件爬虫框架 学习视频：8 小时转职 Golang 工程师，这门课很适合有一定开发经验的小伙伴，强推！ Go Modules Go modules 是 Go 语言的依赖解决⽅案。 发布于 Go1.11，成⻓于 Go1.12，丰富于 Go1.13，正
执行 ng serve --open命令失败
weixin_45935461的博客
03-05 467
ng 命令执行失败
go语言学习笔记
雪的期许
03-12 568
Go 亦称为 Golang（语言叫做 Go，Golang 只是官方网站的网址），是由谷歌开发的一个开源的编译型的静态语言。Golang 的主要关注点是使得高可用性和可扩展性的 Web 应用的开发变得简便容易。（注：Go 的定位是系统编程语言，只是对 Web 开发支持较好）到目前为止，我们一直在一个go代码文件中进行学习，文件里包含一个 main 函数和一些其它的函数。在实际应用中，整个项目不可能都塞到一个文件里，否则代码重用和维护都会很困难。
大家一起学Golang——Go语言简介与安装
01-08
大家一起学Golang ——Go语言简介与安装 go语言简介 Go语言是有google公司推出的一门编程语言，是开源，静态编程语言，语法简洁，天生支持并发。 2007年由Robert Griesemer, Rob Pike, Ken Thompson主持开发，又来...
Go1.13：使用go mod 管理依赖, 提示cannot find module providing package或cannot find main module
01-07
编译go程序的时候报错： GOROOT=D:\go\GoSDK #gosetup GOPATH=D:\hc\workspace\fly\go\src\github.com\learngo;D:\hc\workspace\fly\go #gosetup D:\go\GoSDK\bin\go.exe build -o C:\Users\FLY\AppData\Local\Temp...
Tobit与Probit模型Stata实现代码-最新发布.zip
最新发布
11-14
Tobit与Probit模型Stata实现代码-最新发布.zip
供AI训练的中文数据集持续更新与AI公司图谱目前的数据集餐饮行业8000问百度知道Alpaca中文数据集计算机领域数据.zip
11-14
Jupyter-Notebook
红警单机版（单机游戏）
11-14
红警单机版（单机游戏）
SwiftUI编写的贪吃蛇小游戏讲解
11-14
SwiftUI编写的贪吃蛇小游戏讲解
1996-2020年中国文化旅游统计年鉴-最新数据发布.zip
11-14
1996-2020年中国文化旅游统计年鉴-最新数据发布.zip
Go语言环境搭建与GOPATH管理详解
本篇文章主要介绍了Go语言(Golang)的基础环境搭建过程。首先，我们从官方下载地址(golang.org/dl)和国内镜像(golang.google.cn/dl)获取Go语言的安装包。Go语言的环境主要包括两个核心概念：GOROOT和GOPATH。 1. **...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值