伪电工请教个nodejs问题

  • a
    andriod
    假如前端是个文本框




    那么后端这个app.js 文件里面应该怎样调用这个文本框里面的数值呢,搜了一天还是没看懂,求个简单办法,谢谢。
    比如
    const mobile = require ("xxxx") 这种方式可以吗,应该怎样写啊。
  • f
    fqxufo
    前端从oninput监测到输入变化后,发post把数据传回后端 iOS fly ~
  • x
    xycfwrj
    vue吧,v model那个就是输入值,js用的时候加上实例名,比如app.userphone
  • m
    mijuu
    搜错文档,搜vue官方网站1小时够上手了。

    v-model绑定data,method里面用this.userphone访问
  • z
    zzd1997
    你都已经给这个文本框绑定上userphone这个变量了,那么只需要确定data()里面声明了userphone这个变量以后,在不同生命周期的自定义函数中调用this.userphone即可读取文本框的值了
  • 猪猪代购
    要用接口把前端的数据传给后端的nodejs才行。
  • a
    andriod
    还是不太明白哈 如果在 methods里面如果定义

    methods: {
    previewImage(e) {
    var mobilephone = this.userphone;
    var current = e.target.dataset.src
    uni.previewImage({
    current: current,
    urls: this.dataList
    })
    },

    那么,我在后端是不是就可以引用mobilephone 这个变量了呢
  • a
    andriod
    就是不知道怎样传递啊
  • m
    mijuu
    前后端分离的项目需要点击按钮调用xhr,发送数据给服务端。

    如果是S S R框架可以直接在页面里写服务端逻辑。

    看你的代码里还带了uniapp的语法,所以也没法判断你在干什么了。

    你可能觉得自己在写nodejs,但实际你写的是js的vue框架,你觉得自己在写服务端同构,但可能你在改一个前后端分离项目。
  • a
    andriod
    不懂啊, 我是想在这个模板,加入一行文本输入框(红色部分是自己准备加的文本框内容,代码貌似不显示红色,肯定有错,但不知道怎样改,其他是正确的),然后提交到mysql。不知M大是否方便看下。

    原始模板链接。。https://ext.dcloud.net.cn/plugin?id=1751
  • m
    mijuu
    首先,你这是一个前后端分离的项目。
    前端用uniapp框架,包装为一个单页面应用或小程序,运行在客户端。
    后端nodejs express框架运行在服务器。
    服务端端单独运行之后,提供一个http接口地址,供前端调用。

    前端界面输入的文字和文件,由uniapp封装的组件和语法,提交到刚才的服务端接口地址。

    所以你想加一条信息的话,要调整的地方
    1,template里加一个信息输入框,绑定变量extMsg
    2,data对象中加入属性extMsg: ''
    3,上传的methods upload方法里,有个formData,把extMsg: this.extMsg加进去

    这时候你界面点击提交,发出去的内容里就有新加的信息了。

    4,服务端的“let title =req.title”下面,可以加一句let extMsg = req.extMsg来获取新的formData,之后再存入mysql就好了。



    如果是新项目,我建议还是看看unicloud的云开发,或者腾讯的云开发,服务端客户端数据库一体的,也不用安装服务器,做个增删改查很容易。
  • a
    andriod
    先感谢下,明天试下再汇报
  • a
    andriod
    我这照葫芦画瓢水平还不行

    貌似提交内容还是无法获取到啊,是不是哪里填的不对呀。




    4 appjs.png
  • m
    mijuu
    chrome的开发者工具打开,然后点击上传按钮,在network里看看你发送的xhr是否已经正确带上了extMsg。

    另外那个服务端代码应该是有个post的单文件上传路由和一个get的多文件上传路由,多打印一下req看看,是不是走到其他路由里了。
  • a
    andriod
    貌似没有,这个是首页index.vue调用的模板,我改的是模板里面的,是不是首页还需要填入一些东西呢,方便的话加个微信付费指导下









    index.vue内容

  • m
    mijuu
    回复17#andriod
    加我qq吧,pm你了。 不谈钱,事情搞复杂了
  • a
    andriod
    已经解决了,感谢M大热心指点。