PHP-课题申报系统开发(Vue+TP)

最新推荐文章于 2023-12-16 20:07:46 发布

Autovy

最新推荐文章于 2023-12-16 20:07:46 发布

阅读量379

点赞数

分类专栏： php 文章标签： php vue.js javascript

本文链接：https://blog.csdn.net/JohnSmith232/article/details/120193798

版权

本文详细介绍了使用Vue和ThinkPHP5开发课题申报系统的步骤，包括Vue项目启动、登录页面解析和HTTP请求，以及ThinkPHP5的路由配置、数据库导入等关键环节。在Vue中，讲解了如何安装依赖、使用ref访问组件实例，以及处理异步更新。而在ThinkPHP5部分，阐述了路由配置、伪静态设置和数据库模式调整的方法。

摘要由CSDN通过智能技术生成

完整文章地址

Vue

1.项目启动

安装依赖包

Vue的依赖文件是package.json，其分为两部分

全部安装（一般用这个）
```
npm install
```
只安装dependencies里的内容（生产环境依赖）
```
npm install --dependencies
```
只安装devDependencies（开发环境依赖）
```
npm install --devDependencies
```

删除全部依赖

npm uninstall

生成依赖文件package.json

npm init

启动项目

启动项目的命令需要看package.json文件

所以要用npm run dev启动项目

2.登录页面解析

ref访问子组件实例与元素

vue的ref有类似于html的id的功能，可以用来给js访问子组件实例或元素

html

<base-input ref="usernameInput"></base-input>

Vue

this.$refs.usernameInput

这样即可访问到输入框的内容

组件的属性和方法

html

 <Form ref="loginForm" :model="form" :rules="rules">
<FormItem prop="user_name">
    <Input v-model="form.user_name" placeholder="请输入用户名">
        <span slot="prepend">
            <Icon :size="16" type="person">